Адаптив в Zero Block ломается не из-за техники, а из-за одной ошибки в логике

Адаптив в Zero Block ломается не из-за техники, а из-за одной ошибки в логике

В Zero Block нельзя собирать адаптив как “уменьшить всё пропорционально”. Экран меняется, а не просто сжимается: текст переносится, кнопки съезжают, а крупные объекты начинают конфликтовать друг с другом. Поэтому на каждом брейкпоинте проверяй не только размер, но и композицию.

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

Самая частая ошибка — оставлять одинаковые отступы для всех блоков. На десктопе это выглядит “воздушно”, а на мобильном съедает полезное место. Лучше сократить лишние пустоты и собрать экран в более вертикальный ритм: сверху смысл, ниже действие, потом детали. 📱

Если верстка ведёт себя нестабильно, сначала проверь не настройки, а саму структуру: один экран — одна основная мысль. Тогда адаптив перестаёт быть ручной борьбой и превращается в серию понятных правок.