CSS не включая стиль в html классе

Question

. Все в порядке. .flavor не подтверждает изменения. HTML class = "flavour" не отображает стиль при отображении веб-страницы.

 <div class="title">
        <h1> HEAVENS ICE CREAM </H1>
        <div> 1 </div>
        <div> 2 </div>
    </div>

    <div class="flavor">
          <div>
            <p> Peach </p>
          </div>
          <div>
            <p> Coconut </p>
          </div>
    </div>

.title
{
  display: flex;
  flex-direction: row-reverse;
  color: red;
  background-color: grey;
};

.flavor
{
  display: flex;
  background-color: grey;
  color: blue;
};

Answer 1

Несколько вещей - после вызова CSS точка с запятой в конце не нужна. - Поместите CSS в тег стиля. Без тега стиля HTML не может ссылаться на CSS без пояснения, что это за код (вроде так)

<style type="text/css">
.title 
{ 
display: flex; 
flex-direction:
row-reverse;
color: red; 
background-color: grey;
} 
.flavor 
{ 
display: flex; 
background-color: grey; 
color: blue; 
}
</style>

Answer 2

Пара вещей:

1. Ваш тег h1 неверен для .title.
2. точка с запятой ; не требуется, конец селектора css.

.title {
  display: flex;
  flex-direction: row-reverse;
  color: red;
  background-color: grey;
}

.flavor {
  display: flex;
  background-color: grey;
  color: blue;
}

<div class="title">
  <h1> HEAVENS ICE CREAM </h1>
  <div> 1 </div>
  <div> 2 </div>
</div>

<div class="flavor">
  <div>
    <p> Peach </p>
  </div>
  <div>
    <p> Coconut </p>
  </div>
</div>