Медиазапросы — это набор правил, которые позволяют адаптировать внешний вид веб-страницы под технические параметры устройства пользователя: ширину и высоту экрана, плотность пикселей, количество поддерживаемых цветов и так далее. 2 Они работают как условные операторы: если устройство соответствует заданным параметрам, применяются определённые стили. 1

Другие инструменты адаптивной вёрстки имеют свои особенности:

• Flexbox. 1 Предоставляет гибкий подход к распределению пространства между элементами интерфейса. 1 Эта технология позволяет автоматически распределять элементы по контейнеру, выравнивать их по вертикали и горизонтали, изменять порядок элементов без модификации HTML. 1
• CSS Grid. 1 Двумерная система компоновки для создания сложных макетов. 1 В отличие от Flexbox, который работает с одномерными структурами, Grid позволяет одновременно управлять расположением элементов как по горизонтали, так и по вертикали. 1

Каждая из этих технологий имеет свою область применения, и часто наилучший результат достигается при их комбинировании. 1 Например, можно использовать Grid для общей структуры страницы, а Flexbox — для выравнивания элементов внутри отдельных секций, корректируя их поведение с помощью медиазапросов. 1