Адаптивная вёрстка — это не «одна и та же страница, ужатая в маленький экран». Это переосмысление каждой секции под другой паттерн взаимодействия: палец вместо мыши, вертикальный скролл вместо горизонтального обзора, маленькая сенсорная мишень вместо длинной строки меню.
Тестирую на реальных устройствах — у меня есть iPhone, Android, iPad. Браузерные DevTools показывают примерно правильную картинку, но не отлавливают багов конкретных рендер-движков (особенно iOS Safari, у которого свои особенности с position:sticky, viewport units, overflow).
Стандартные брейкпойнты: 320 (минимум), 375 (iPhone SE), 768 (планшет вертикально), 1024 (планшет горизонтально / маленький ноутбук), 1280 (ноутбук), 1920 (десктоп). Если нужны промежуточные — добавляю.
Картинки — через srcset, чтобы на iPhone не качался десктопный 4K. Меню — гамбургер с продуманной анимацией. Формы — увеличенные поля, тип input под ситуацию (tel, email, number — чтобы клавиатура была правильная).