Как сделать автоматическую высоту и количество слайдов в swiper?

Question

[Kipsi]

Добрый вечер. Подскажите как можно в слайдере на swiper
1. Сделать что бы высота всех слайдов была одинаковая ориентируясь на высоту самого высокого слайда. Как у карточек товаров на flex например. Почему то у слайдера так не получается сделать.
2. Как ни-будь можно сделать что бы например если сейчас слайдов 6 , то при сужении они как то сами убирались те что не влезают или просто убрать полосу прокрутки. Сейчас например они просто наезжают друг на друга пока не появится полоса прокрутки. Знаю что можно использовать breakpoints , но есть некоторые моменты где слайды как то сами должны переносится или просто уходить за overflow.

Comments

[Ankhena]

.swiper-wrapper имеет display flex.
У флекса по умолчанию выравнивание по поперечной оси - stretch.
Но работать оно будет, если не задавать детям высоту.
У вас высоту флекс-элементов прописана 100%.
Поставьте её в unset или auto.
А дальше уже нужно разбираться с содержимым самих слайдов.

[Evgeniy]

Можно самим карточкам задать минимальную и максимальную высоту, гридами или флексами выровнять контент внутри, да и всё..

.about-us__our-team-slide {
min-height: 250px;
}

[Kipsi]

Evgeniy, минимальная и максимальная не подойдет так как мы не знаем заранее какая высота может быть

[Kipsi]

Ankhena, Благодарю это сработало если .swiper-slide задать авто высоту и обертке внутри него 100% высоту. Растянулся как нужно.

[Ankhena]

Evgeniy, минимальная и максимальная не сделает высоту карточек одинаковой