У меня возникают проблемы с плагином JS Plick с несколькими слайдамиToShow, которые имеют разную высоту.
Мне нужно, чтобы слайды имели одинаковую высоту, но с помощью flex-box CSS он не работает, поскольку слайды имеют противоречивые определения CSS.
Также не нашел ничего полезного на форумах и в Интернете.
Если я получу что-то, я отправлю решение здесь. Конечно, любые предложения приветствуются.
HTML
<div class="slider">
<div class="slide">
<p>Lorem ipsum.</p>
</div>
<div class="slide">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua</p>
</div>
<div class="slide">
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div>
<div class="slide">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.</p>
</div>
</div>
JS
$('.slider')
.slick({
autoplay: false,
dots: false,
infinite: false,
arrows: false,
slidesToShow: 2,
slidesToScroll: 2,
rows: 0
});
CSS
.slide {
height: 100%;
background-color: #ccc;
padding: 10px;
}