Ты уже достаточно знаешь, что бы не просто исправлять чужие баги, но и рефакторить (улучшать) код.

Начни Учить Full-Stack JavaScript СЕЙЧАС!

Твой коллега использовал везде строчные стили, и это не самый лучший подход.
Давай проведем рефакторинг и перенесем строчный стили в классы и идентификаторы.

  • Для добавления стилей элементам <span> используй класс ‘tag-name’
  • Для добавления стилей элементам <p> используй класс ‘description’
  • Для добавления стилей элементу <h1> используй идентификатор ‘page-header’

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

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Styles</title>
  </head>
  <body>
    <h1 style="color: blue">Styles we have learned</h1>
    <p style="color: saddlebrown">
      <span style="font-weight: bold">font-size: </span>
      sets the size of the font.
    </p>
    <p style="color: saddlebrown">
      <span style="font-weight: bold">color: </span>
      sets the text-color for different elements.
    </p>
    <p style="color: saddlebrown">
      <span style="font-weight: bold">text-align</span>
      sets the text alignment for different elements.
    </p>
  </body>
</html>