@Muvka

Как подружить флекс-элемент и owl-carousel2?

Здравствуйте. В флекс-контейнере с row nowrap есть 2 флекс элемента. Один из них определенного размера, но он нам не нужен. Во втором находится карусель и он имеет ширину flex: 8 8 800px и max-width: 800px. Так вот подскажите, как заставить карусель сжиматься при уменьшении экрана? У нее банально не пересчитывается ширина слайдов. Если сделать row wrap и задать флекс элементу с каруселью flex: 1 1 auto, то начинает нормально работать. Но тогда блоки находятся на разных строках, и слишком рано это происходит. Надеюсь понятно объяснил. Кто знает, в чем проблема?
  • Вопрос задан
  • 321 просмотр
Решения вопроса 1
@Muvka Автор вопроса
Решил сам. Подойдет не всем, но хотя бы в некоторых случаях работает. Т.к. я знаю, что у меня ширина первого флекс элемента всегда 400px я сделал так:
flex: 8 8 auto
max-width: calc(100% - 400px)
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы