Что такое адаптивная верстка?

Адаптивная верстка — это подход в веб-разработке, при котором дизайн и структура страницы автоматически подстраиваются под разные размеры экранов и устройства (мобильные телефоны, планшеты, десктопы). Это достигается с помощью CSS, в частности медиа-запросов (@media), которые позволяют применять разные стили в зависимости от характеристик устройства.

Пример медиа-запроса для изменения размера шрифта на маленьких экранах:

body {
  font-size: 16px;
}

@media (max-width: 600px) {
  body {
    font-size: 14px;
  }
}

Адаптивная верстка улучшает пользовательский опыт, делая сайт удобным и читаемым на любых устройствах без необходимости создавать отдельные версии сайта.