Почему не работает flex?

Question

[Тест Тестов]

В css коде прописано все праивльно(я так думаю), а в браузере код не показывается(
вот куски нужного кода:

<div class="menu__items-wrap">
     <p class="menu__item1">ГЛАВНАЯ</p>
     <p class="menu__item2">О НАС</p>
     <p class="menu__item3">УСЛУГИ</p>
     <p class="menu__item4">КОНТАКТЫ</p>
</div>

.header__menu__items-wrap {
  width: 880px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-item-align: center;
      align-self: center;

Comments

[Lynn «Кофеман»]

У вас разные классы в html и css

Answer 1

[Рома Зварич]

Вы уверены, что правильно указали фрагменты кода?
В HTML-коде указан класс menu__items-wrap, а в CSS-коде селектор указан для класса header__menu__items-wrap

Может поэтому и не работает?

Comments

[Тест Тестов]

Рома, нет, просто я верстаю не напрямую через css, а компилирую sass код)

<header class="header">
        <div class="menu">
            <div class="container">
                <div class="menu__items-wrap">
                    <p class="menu__item1">ГЛАВНАЯ</p>
                    <p class="menu__item2">О НАС</p>
                    <p class="menu__item3">УСЛУГИ</p>
                    <p class="menu__item4">КОНТАКТЫ</p>
                </div>
            </div>
        </div>
    </header>

[Тест Тестов]

Нет, Рома извините я ошибся) Попробовал сейчас сделать это напрямую через css как сказали все получилось)