Как подтянуть стили вне медиа-запроса?

Question

[kristina_koluzanova]

Есть следующий лендинг: https://bcvika.ru/

Он адаптивный, адаптация сделана с помощью медиа-запросов. Построен на bootstrap.
В какой-то момент при ширине экрана 1500 px и более стили перестали подтягиваться, при этом медиа-запросы для ширины экрана 1499 px и менее отрабатывают корректно.

Не понимаю, что произошло от слова совсем и как это починить :( . Посмотрела уже все вдоль и поперек, но проблему не могу найти. Подскажите, пожалуйста, в какую сторону копать?

Answer 1

[Икотий Айтишевич]

Посмотрите, возможно у Вас какая–то ошибка в синтаксисе или табуляции, поэтому с какой–то части кода стили не подгружаются. Если у Вас до этого всё работало корректно, то проблема кроется в этом файле: common.css

Comments

[kristina_koluzanova]

Спасибо! Действительно, проблема крылась в синтаксисе: забыла поставить "}" в конце одного из медиазапросов.

[Икотий Айтишевич]

Пожалуйста)

Answer 2

[Никита Михайлов]

@media (max-width: 1499px)

Вот корень всех проблем. Выносите эти стили отдельно, либо измените запрос на min-width, начиная с нужной ширины

Comments

[kristina_koluzanova]

Раньше с media (max-width: 1499px) все работало. А теперь почему-то стили слетели на больших экранах.