Адаптив в Zero Block ломается не из-за телефона, а из-за ошибок в базе
Сначала собирайте макет под один главный экран: задайте сетку, отступы и типографику для desktop, а потом уже упрощайте для меньших ширин. Если начать с мобильного, часто теряется композиция и блоки начинают «прыгать» на широких экранах.
Проверьте три вещи:
— у текстов есть ограничение по ширине, а не только размер шрифта;
— у кнопок и картинок заданы разные состояния для ключевых брейкпоинтов;
— расстояния между элементами считаются не «на глаз», а через одну систему отступов.
Частая ошибка — прятать элементы через переносы и случайные смещения. Это работает один раз, но потом любой новый блок ломает логику. Лучше заранее продумать, какие элементы обязательны на всех экранах, а какие можно заменить на упрощённую версию.
Перед публикацией пройдитесь по проекту в 3 режимах: широкий экран, планшет и узкий мобильный. Если в каждом из них сохраняются иерархия, читаемость и воздух между элементами, адаптив собран правильно.
Секреты Tilda Zero Block
@zero_block_mastery_ww
Адаптив в Zero Block ломается не из-за телефона, а из-за ошибок в базе
Этот пост опубликован в Telegram-канале Секреты Tilda Zero Block. Подписаться можно по ссылке: @zero_block_mastery_ww.