Интересует как осуществляют медиа запросы?
Нужно ставить медиа стили вроде в порядке убывания разрешения, вообще выглядят вот так:
@media (max-width: 640px) {}
По сути если верстать сначала для больших устройств (мониторы) а потом адаптируешь для меньших, телефон например, то с меньшим должно быть в низу потому что ему нужно перекрывать правила больших расширений.
По синтаксису:
ставишь сначала @media и далее условие в котором используются типы носителей, логические операторы и медиа функции, медиа функции задают характеристики устройства на котором мы открываем страничку, стиль выполняется если возврат запроса истинный, большинство этих функций содержат приставку min, max и оно должно соответствовать минимальному и максимальному значению, например вводишь какая максимальная ширина.