В index.html файле сделан список ссылок на лекции.
При наведении на каждую ссылку у нее должен правый отступ становится 30px.

Эта задача — часть курса по Full-Stack JavaScript
Ты можешь задать свой вопрос в комментариях под постом
Если ты уже решил задачу, то не стесняйся помочь другим

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Navigation</title>
    <style>
      ul {
        list-style: none;
        padding: 0;
      }
      li {
        margin-bottom: 12px;
      }
      h2 {
        font-family: monospace;
      }
      a {
        text-decoration: none;
        padding: 5px 10px;
        color: white;
        font-weight: bold;
        font-family: monospace;
        background-color: rgb(255, 198, 0);
      }
    </style>
  </head>
  <body>
    <h2>Lectures</h2>
    <ul>
      <li>
        <a href="https://js.coderslang.com/lecture/205">Lists lecture</a>
      </li>
      <li>
        <a href="https://js.coderslang.com/lecture/207">Document structure lecture</a>
      </li>
      <li>
        <a href="https://js.coderslang.com/lecture/206">Tables lecture</a>
      </li>
    </ul>
  </body>
</html>