Проблемы с высотой колонок в slick slider?

Question

[Максим Гуйдо]

Здравствуйте. Мучаюсь два дня со slick slider. Есть контейнер со слайдами, внутри слайдов - flex контейнер с содержимым карточки. Кнопка карточек прижата к низу, чтобы можно было свободно менять текст без изменения высоты. Подключил слайдер, сломалась эта конструкция. 100% высоты пробовал задавать всему, чему только можно, уже переписал все CSS стили слайдера, но не получается сделать одинаковую высоту.
Кажется проблема именно в том, что сам slide не хочет принимать 100% высоты, это видно в инспекторе.
P.S. Фиксированная высота тоже не вытягивает карточку, да и не хочется так.

https://yadi.sk/i/zDd8azaatXhqqg

Answer 1

[iBird Rose]

.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
}

Comments

[Максим Гуйдо]

Спасибо, помогло. Но теперь сломалась ширина как раз этого слайда, будем решать следующую проблему)

[iBird Rose]

Максим Гуйдо, экспериментируй с последним стилем. т.е. для .slick-slide попробуй задать не flex, а block.
или задать ему width: 100%;

[Максим Гуйдо]

iBird Rose, если задать block, опять ломается высота. Пока единственный выход, задать фиксированную ширину блоку, пичаль, но что делать

[iBird Rose]

Максим Гуйдо, ну попробуй еще задать flex-direction: column; для .slick-slide

[Dmitriy_Reznichenko]

Спасибо огромное!