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