M
M
myskypesla2017-07-05 10:57:49
css
myskypesla, 2017-07-05 10:57:49

How to make such a slick-slide on flex'ah?

How to make a slick slide on flex so that the structure is like this:

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

df5527c0953145afbd641267010dd7ee.png

Answer the question

In order to leave comments, you need to log in

1 answer(s)
C
copyhold, 2017-07-05
@myskypesla

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

something like this.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question