Почему не работают медиа запросы?

Question

[justifycontent]

.descriptions__content {
        display: flex;
        justify-content: space-around;
        
        @media (max-width: 1424px) {
            .descriptions__content {
                flex-direction: column;
        }

        }
    }

Разве нельзя задавать так медиа запросы?

Comments

[Rustam Bainazarov]

Зачем дублировать селектор внутри вложенности. Вы хоть смотрите, что компилируется, тогда вопросы отпадут.

Вот так нужно:

.descriptions__content {
        display: flex;
        justify-content: space-around;
        
        @media (max-width: 1424px)  {
                flex-direction: column;
        }

    }

[justifycontent]

Рустам Байназаров, Не работает

[justifycontent]

Рустам Байназаров, Я пробовал так

Answer 1

[profesor08]

Если ширина страницы 0 - 1424px то будут применены правила. Иначе нет. Твой код превратится в

.descriptions__content {
  display: flex;
  justify-content: space-around;
}
@media (max-width: 1424px) {
  .descriptions__content .descriptions__content {
    flex-direction: column;
  }
}

Если свойства не применяются, значит правила не соответствуют разметке html.