Media работает не так, как нужно. В чём причина?

Question

[Кирилл]

Сверстал я сайт, принялся за адаптацию и сразу понял что, что-то идёт не так. Использую bootstrap grid, делал также как в прошлом учебном проекте, ниже код, где я для примера установил font-size для заголовка 84px (было 60px)

@media (max-width: 1200px) {
  .header_title {
    font-size: 83px;
  }
}

Но media не применяется если width менее 1200px, применяется только при значении width менее 900px, совсем не понимаю в чём проблема

Comments

[Ankhena]

У вас не так много вариантов.
1. Открыть инструменты разработчика и посмотреть что перебивает ваши стили. После этого, вероятнее всего, понадобится погуглить про специфичность. Или media не в том порядке.
2. Сделать песочницу на jsfiddle.net, а потом, вероятнее всего вон та история про специфичность.
3. Либо где-то просто глупая ошибка со скобками или типа того.

[Антон Литвиненко]

Как вариант бутстрап использует медиа mobile-first, а вы наоборот

[Кирилл]

Антон Литвиненко, Можно подробнее?

[Антон Литвиненко]

Кирилл, дайте ссылку на вашу проблему, я вам распишу подробнее на примере

[Кирилл]

Антон Литвиненко, Немного не понял, ссылку на проблему - код?

[Антон Литвиненко]

Кирилл, ну я ж не могу угадать что там у вас. или оформите в песочницу или может вы гдето на тестовом разрабатываете

Answer 1

[jazzman7]

возможно что-то перекрывает, попробуйте

@media (max-width: 1200px) {
  .header_title {
    font-size: 83px!important;
  }
}

Если заработает, можно конечно оставить, но лучше поискать что перекрывает

Comments

[Кирилл]

Ничего не принесло(