Почему @media не применяется?

Question

[Игорь]

welovepavel.esy.es/TBee/index.html

Спасибо!

Comments

[ComeClarity]

Media применяется, все примененные стили элемента можно посмотреть в консоле веб-разработчика.

Answer 1

[Алекс К]

Попробовал. Стили, как и предполагается, применяются при ширине экрана <= 480px.

Answer 2

[Дмитрий Пыркин]

media работает, просто у вас элементы не помещаются при разрешении 320px по этому все едет

Answer 3

[Azat S.]

До чего же длинные у вас селекторы. Просто .tab {} прописать не выходит?
Посмотрите с помощью инспектора в Хроме.

Comments

[Котик Антон]

Вполне нормальный селектор, бывает и длиннее:
https://github.com/twbs/bootstrap/blob/master/dist...

[Ramoona]

27cm: про вложенность селекторов в бутстрапе уже ходят легенды, но это всё равно плохая практика.