<b>Отступы ломают мобильную вёрстку чаще, чем кажется — вот где искать ошибки</b>

<b>Отступы ломают мобильную вёрстку чаще, чем кажется — вот где искать ошибки</b>

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

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

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

Если верстаете адаптивно, проверяйте отступы не только на макете, но и на длинном тексте, коротком тексте и с двумя строками в заголовке. Именно там всплывают лишние пустоты и слипшиеся блоки. Хорошая мобильная сетка выглядит одинаково уверенно на любом контенте.