Отступы в мобильной верстке, которые ломают ритм экрана и кликабельность

Отступ — это не «пустота», а инструмент для иерархии. На мобильном экране он помогает отделять блоки, вести взгляд и не превращать интерфейс в плотную стену.

Рабочие правила:
— держи вертикальные отступы кратными одной системе, чтобы сетка не распадалась;
— между заголовком, текстом и кнопкой оставляй разные интервалы, а не один шаблон на всё;
— крупные отступы ставь между смысловыми блоками, маленькие — внутри карточки или формы;
— не компенсируй плохую структуру лишним воздухом: если блоки слипаются, проблема часто в композиции, а не в spacing.

Частая ошибка — делать одинаковые отступы сверху и снизу у каждого элемента. В итоге экран выглядит ровным, но теряет акценты: непонятно, где начало секции, а где второстепенный текст. Еще хуже, когда отступы пляшут между экранами и карточками — пользователь считывает это как хаос.

Проверяй интерфейс на трех состояниях: короткий контент, длинный контент и экран с ошибкой или пустым состоянием. Если ритм сохраняется во всех случаях, отступы настроены правильно.