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

Начинаю с meta viewport, иначе мобильный браузер покажет уменьшенную десктопную версию. Пишу mobile-first: базовые стили для узкого экрана, а для широких добавляю медиазапросы от определённой ширины. Брейкпоинты ставлю там, где ломается контент, а не под модели телефонов. Стараюсь, чтобы раскладка была гибкой сама по себе: сетка карточек на repeat(auto-fit, minmax(240px, 1fr)) вообще не требует медиазапросов, колонка текста width: min(100% - 32px, 720px). Шрифты в rem, чтобы уважать настройки пользователя, а заголовки через clamp() с rem + vw в середине. Для компонентов, которые встречаются и в сайдбаре, и в основной колонке, использую контейнерные запросы: компонент сам знает ширину своего места. Для картинок srcset и sizes, плюс width и height, чтобы не было прыжков вёрстки. Для полноэкранных блоков на телефоне svh или dvh вместо vh. И проверяю на реальном телефоне, а не только в эмуляторе DevTools.