<b>Респонсив ломается не на ширине экрана, а на одной забытом блоке</b>

<b>Респонсив ломается не на ширине экрана, а на одной забытом блоке</b>

На Wix Studio адаптивность нельзя проверять только в трех стандартных брейкпоинтах. Смотрите на сетку, отступы и поведение контента между ними: именно там чаще всего появляются «прыгающие» карточки и лишние переносы.

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

Отдельная ловушка — элементы, которые выглядят нормально на десктопе, но на мобильном начинают жить своей жизнью: абсолютное позиционирование, жесткие min-height и слишком смелые gap’ы. Если блок нельзя сжать без поломки, это не респонсив, а декорация.

Хороший тест: уменьшайте ширину не по готовым точкам, а плавно. Если макет держит ритм, текст читается, а CTA остается заметным — собран правильно.