<b>Адаптив в Zero Block ломают не экраны, а слишком ранняя настройка</b>

<b>Адаптив в Zero Block ломают не экраны, а слишком ранняя настройка</b>

В Zero Block адаптив лучше собирать не «под все сразу», а по цепочке: сначала десктоп, потом планшет, потом мобильный. Если начать с малого экрана, на широком макете почти всегда всплывают лишние переносы, пустоты и съехавшие группы.

Проверьте 4 вещи:
— текст не должен превращаться в «простыню» на 320–375 px;
— элементы в группе должны сохранять порядок и отступы;
— картинка не должна конфликтовать с соседним блоком по высоте;
— кнопка обязана оставаться видимой без ручного скролла.

Главная ошибка — править каждый брейкпоинт отдельно, не глядя на связь между ними. В итоге на одном экране всё идеально, а на соседнем элемент «прыгает» из-за наследования позиции, размера или скрытого слоя. Лучше менять базовую структуру и только потом точечно подчищать адаптив.

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