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

Question

[Muvka]

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

Comments

[Ярослав Иванов]

Не использовать flex)))

[Muvka]

Это не вариант. Grid Layout еще рано использовать, а флексы вполне. Не BSом же пользоваться...

Answer 1

[Muvka]

Решил сам. Подойдет не всем, но хотя бы в некоторых случаях работает. Т.к. я знаю, что у меня ширина первого флекс элемента всегда 400px я сделал так:

flex: 8 8 auto
max-width: calc(100% - 400px)