Почему Swiper slider ломает сетку?

Question

[Полина Емельянова]

Добрый день коллеги.
У меня проблема с установкой Swiper. Точнее, с вписыванием его в сетку.
САБЖ: Есть сайт у которого есть сетка с блоком слайдера. Это верхний левый блок, со стрелками.

ПРОБЛЕМА:
Слайдер ломает сетку, вырывается за пределы своего родительского контейнера и в целом ведет себя абсолютно не предсказуемо.
Сам сайт - ниже по ссылке
Потрогать сайт
ВОПРОС:
Что я делаю не так? Все настройки - стандартны. Стоит отрубить скрипты слайдера - разметка встает на место.

Как мне его победить и встроить в свой блок?

Заранее спасибо за КОНСТРУКТИВНЫЙ ответ или рекомендацию плагина работающего на ФлексБоксах.

Answer 1

[Артем Чернявский]

Ссылка не работает на сайт. Включу вангу и предположу, что сайт сверстан на флексбоксах и некоторого родительского блока слайдера есть свойство flex: 1 1 auto или flex: 1 0 auto; вот ему нужно добавить еще min-width: 0;

Comments

[Полина Емельянова]

Благодарю, за ответ.
Поправила ссылку, и вот тут еще zopflex.com/fake-site/resto

Прошу, уточните, это особенность данного слайдера? Т.е. он берет за основу ширины ту, что ему доступна, если не указано иного? Или как тут лдогика?

[Артем Чернявский]

Какие-то нерабочие сайты ))

Это особенность не слайдеров, а свойства flex, вот немного подробнее
https://habr.com/ru/post/329820/?_ga=2.174427814.5...
https://css-tricks.com/flexbox-truncated-text/