Responsive design — это подход, при котором сайт адаптируется под разные размеры экрана: десктоп, планшет, мобилка. Основные инструменты: media queries для точечных изменений стилей, относительные единицы (%, vw, vh, rem) вместо пикселей, flexbox/grid для гибкой раскладки, и meta viewport тег. Mobile-first подход — пишешь стили сначала для мобилки, потом расширяешь через min-width media queries. Сегодня без адаптивности никуда — больше половины трафика с мобильных.

Что такое responsive design?