Почему в консоли не отображается media правила?

Question

[Наталья Свиридова]

В index.html у меня подключен style min.css, компиляция с помощью галпа проходит успешно. Из всех scss файлов всё идёт в min.css, в том числе и медиа правила, однако на самом сайте они не работают и не отображаются в консоли. Сама консоль работает, если вручную задавать в ней какие-либо параметры, обычные css правила так же работают. Не работает именно адаптация. Подскажите, в чём может быть причина, пожалуйста.

Прикрепляю скрины:

Comments

[Ankhena]

На первом скрине вы показали наличие стилей для media меньше 991.
На втором скрине показываете как ищете их в браузере на ширине 1354.

И тут возникает больше вопросов, чем ответов на ваш вопрос. В частности, а с чего бы им там показывается?

p.s. на втором скрине выбранный div синий. Если это не качество скрина, то я бы проверила код валидатором.

[Наталья Свиридова]

Ankhena, да там как ширину не двигай не применяется ничего, всё то же самое, хоть до 576 пикселей сжимай. Синим становится любой div, который выбираю, консоль так работает. Предыдущий проект делала такого не было, с адаптацией было всё нормально. Media правила появлялись в консоли и там можно было как угодно их менять, подгонять под размер. А тут только в min.css они есть, а в самой консоли и на сайте не отображаются. На ширине 990 должны были сработать флексы в колонку, а не в ряд, как на ширине более 991.

[Наталья Свиридова]

Ankhena, спасибо за совет!) буду разбираться дальше

[Ankhena]

natalieeccc, тут либо выкладывайте ссылку на сайт либо минимальную песочницу на codepen.io с видимой проблемой.
Либо самостоятельно проверяете скобочки и тд в css.

[Наталья Свиридова]

Ankhena, нашла ошибку, сидела перепроверяла всю вёрстку и нашла, что вместо закрытия тега body стоит . и весь сайт наследовал свойства body. сейчас заработала адаптация. меняю ширину и появляются соответствующие медиа правила для каждой ширины)

[Ankhena]

natalieeccc, div при выделении в девтулзах перестал быть синим?