Отступы в mobile-first верстке: 6 ошибок, которые ломают ритм экрана

Отступы в mobile-first верстке: 6 ошибок, которые ломают ритм экрана

Отступы в мобильной верстке — не «красота», а инструмент чтения. Если шаг между блоками скачет, экран выглядит тяжелым, а контент хуже сканируется.

— Не задавайте одинаковые отступы всем элементам подряд: заголовку, тексту и кнопке нужны разные интервалы.
— Между смысловыми блоками держите больше воздуха, чем внутри карточки или формы.
— Не полагайтесь только на margin: проверяйте, как ведут себя паддинги у контейнера и отступы у дочерних элементов.
— Вертикальный ритм должен быть стабильным: лучше повторяемый шаг, чем случайные 14, 19 и 27 px.
— На узких экранах сокращайте лишние промежутки, но не убирайте их в ноль.

Полезная проверка: пролистайте экран и спросите себя, где взгляд должен остановиться. Если ответ приходится искать, отступы работают против смысла.

Хороший отступ не заметен сам по себе — он просто помогает быстро прочитать страницу и не утомиться.