Как сделать такой slick-слайд на flex'ах?

Question

[myskypesla]

Как сделать slick-слайд на flex'ах, чтобы структура была такая:

<div class="slick-slider">
  <div class="slick-slide">
      <div class="slick-slide__img">Слайд 1-1</div>
      <div class="slick-slide__img">Слайд 1-2</div>
      <div class="slick-slide__img">Слайд 1-3</div>
  </div>
  <div class="slick-slide"></div>
  <div class="slick-slide"></div>
</div>

Comments

[Ankhena]

Вам же вчера Как сделать слайдер с такой вёрсткой? ответили. Причем, даже с примером.

[myskypesla]

Ankhena W: Спасибо, тут другой вопрос про flex, вчерашний пример с float.

[Ankhena]

myskypesla:
1. выкладывайте свой код в песочницу и показывайте, что именно не получается.
2. Почему не адаптируется Slick слайдер в сетке на ФлексБоксах?

Answer 1

[copyhold]

.slick-slide { 
display: flex; flex-flow: column wrap;
justify-content: space-between;
}
.slick-slide > div:nth-of-type(1) {
flex: 1 0 100%;
}
.slick-slide > div + div {
flex: 0 1 50%;
}

как то так.

Comments

[myskypesla]

Спасибо