@media css как правильно реализовать?

Question

[chincharovpc]

/* Landscape - телефоны */
    @media (max-width: 479px) {}

    /* От ландшафтного экрана телефона до потретного планшета */
    @media (min-width: 480px) and (max-width: 766px) {}

/* От портретного планшета до ландшафтного экрана и настольных дисплеев */
    @media (min-width: 767px) and (max-width: 979px) {}

/* Большой дисплей */
    @media (min-width: 980px) {}

Почему-то при ширине экрана в 979px, все рушится.
Так же и 766px. При 765 и 767 все работает.
Как мне исправить?

Comments

[Шохрух Шаймардонов]

вам надо указать min-width 768 а max-width 767

[Сергей delphinpro]

С виду всё правильно.
Что в вашем случае означает "рушится"?

[Ankhena]

Покажите код с проблемой в песочнице jsfiddle.net или codepen.io либо ссылку на сайт.

Answer 1

[Шохрух Шаймардонов]

Спецификация от MDN
Советую использовать bootstrap сетку