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

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

Делайте макет не «один раз красиво», а с учётом трёх сценариев: широкого экрана, среднего и телефона. В Zero Block важно не просто сдвинуть элементы, а заранее понять, что должно остаться в кадре, а что можно спрятать.

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

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

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