Мобильный трафик давно обгоняет десктопный почти в любой нише. Адаптивность — это не «сайт не ломается на телефоне», а отдельный продуктовый процесс.

Проектируйте от мобильного экрана, а не наоборот

Mobile-first избавляет от типичной болезни: крупные десктопные заголовки, которые переполняют экран телефона на длинных словах.

Проверяйте реальные устройства, а не только браузерный emulator

Emulator меняет ширину вьюпорта, но не всегда точно передаёт поведение блоков высотой в «100vh» — на настоящем телефоне высота экрана отличается от той, что вы указали руками в devtools.

Следите за типографикой

Длинные слова без переноса (`overflow-wrap`) — частая причина горизонтального скролла на мобильных.

Тестируйте формы и капчу на touch-экранах

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