Правила работают как надо. Скорее всего ты не правильно имитируешь условия для срабатывания медиазапроса. Допустим, если при открытом интерфейсе инструмента разработчика в браузере ты начнёшь сужать окно, то такой медиазапрос: @media screen and (max-width: 720px) { ... }
может выполниться даже при ширине 1000px.
Для правильной имитации ширины устройства нужно открыть соответствующий режим (Ctrl + Shift + M), в размерах выбрать опцию "Responsive" и менять ширину. Тогда медиазапрос max-width: 720px выполнится только при <=720px и никак иначе.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
@media screen and (max-width: 720px) { ... }
может выполниться даже при ширине 1000px.
Для правильной имитации ширины устройства нужно открыть соответствующий режим (Ctrl + Shift + M), в размерах выбрать опцию "Responsive" и менять ширину. Тогда медиазапрос max-width: 720px выполнится только при <=720px и никак иначе.