Как сделать адаптивную вёрстку?

Основные инструменты: media queries для breakpoints (@media (max-width: 768px)), относительные единицы (%, vw, vh, rem), Flexbox и Grid для гибких раскладок, clamp() для адаптивной типографики. Mobile-first подход — пишешь стили для мобильных, расширяешь через min-width media queries. Container queries — адаптация к размеру контейнера, а не viewport. picture/srcset для адаптивных изображений. Главное правило — не хардкодить пиксели, использовать относительные значения.