Удобная карусель - заставляет слайды иметь одинаковую высоту ⇐ Jquery

[Anonymous]

У меня возникли проблемы с JS-плагином карусели Slick с несколькими slidesToShow, имеющими разную высоту.
Мне нужно, чтобы слайды имели той же высоты, но с CSS flex-box это не работает, поскольку слайды имеют конфликтующие определения CSS.
Кроме того, я не нашел ничего полезного на форумах и в Интернете.
HTML


Lorem ipsum.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua

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.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.



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;
}


Подробнее здесь: https://stackoverflow.com/questions/490 ... ame-height