Респонсив в Wix Studio ломается не из-за брейкпоинтов, а из-за логики слоя

Главная ошибка — делать мобильную версию как отдельный макет. В Wix Studio респонсив держится на структуре: секция → контейнер → элементы. Если порядок слоёв хаотичный, правки на одном экране начинают ломать другой.

Проверяйте базу перед настройкой брейкпоинтов:
— у секций есть понятная высота: auto или min-height, а не случайные пиксели;
— элементы сгруппированы по смыслу, а не просто лежат поверх фона;
— ширина задана через %, max-width и constraints;
— текст не привязан к жёсткой высоте блока.

Отдельно смотрите на stack. Если карточки, кнопки и текст должны двигаться вместе — складывайте их в stack, а не выравнивайте вручную. Ручное позиционирование выглядит быстрее, но потом превращает адаптив в набор костылей.

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

Хороший респонсив — это не «красиво на трёх экранах», а предсказуемая система. Перед сдачей проекта меняйте ширину окна плавно и ловите моменты, где макет начинает жить отдельно от структуры.