Меню не отображает Flex ⇐ CSS

[Anonymous]

Хорошо, я просто пытаюсь стилизовать это меню. Я настроил его так, чтобы он отображал: flex.
Вот моя проблема: я открываю инспектор и устанавливаю класс для главного меню для отображения flex, Главное меню ul для отображения: flex. В инспекторе работает. Но когда я добавляю его в свой CSS-файл, он не работает.
Кто-нибудь когда-нибудь сталкивался с этим раньше?

Код: Выделить всё

.main-menu {
background-color: $primary;
padding: 0.8rem;
align-items: center;
}

.main-menu ul {
display: flex;
}

Когда я добавляю код, который работал при проверке
Когда я добавляю гибкость отображения в инструменте проверки
Я установил гибкость отображения на ul {}, на .main-menu ul {} и на .main-menu {}. Он должен располагать элементы рядом, но этого не происходит.


Подробнее здесь: https://stackoverflow.com/questions/786 ... splay-flex