Проблема скрыта в том, что блоки ZERO и блоки стандартных блоков TILDA, по разному настроены в CSS коде и ведут себя подругому в зависимости от ширины экрана в мобильной версии, а ширина экранов телефонов очень разная.
Чтобы решить данную проблему, нужно подстроить поведение блоков под стандартные и проблема будет решена.
Незачем так долбаться, проще подогнать все стандартные блоки под грид зеро-блока.
Вот код для секции T123:
<style>
/*Максимальная ширина смартфона где будет применяться эффект сетки зеро-блока*/
@media screen and (max-width: 480px) {
/*Отступы слева и справа до контента в Grid-контейнере*/
.t-col { padding: 0 10px !important; }
/*Это максимальная ширина контейнера в зеро-блоке, при отображении мобильного*/
.t-container { max-width: 320px !important; }
}
</style>
Этот код выстраивает ВСЕ стандартные блоки по сетке ZERO-block с учетом отступов 10рх по краям.
Спасибо огромное, добрый человек!
Спасибо за ценные указания! Очень полезная статья)
Спасибо за статью! Это решение сработало лучше, чем предложенный код в комментариях, хотя я, может, уже с сеткой в зеро что-то намудрила