В index.html файле каждому элементу <span> добавлено свойство margin-left.
Но в таком случае стиль будет добавлен и первому элементу.
Надо это исправить. Перенеси свойство margin-left в другой селектор.
Не используй идентификаторы, классы и строчные стили - только родственные комбинаторы.

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

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Tags</title>
    <style>
      h2 {
        font-family: monospace;
        margin-bottom: 10px;
      }
      span {
        color: white;
        padding: 5px 10px;
        font-family: monospace;
        font-size: 16px;
        border-radius: 4px;
        background-color: #3F3084;
        margin-left: 10px;
      }
    </style>
  </head>
  <body>
    <h2>Tags</h2>
    <div>
      <span>React</span>
      <span>React Native</span>
      <span>HTML</span>
      <span>CSS</span>
      <span>JS</span>
      <span>styled-components</span>
      <span>Node.js</span>
    </div>
  </body>
</html>