Задать вопрос
@myskypesla
css

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

Как сделать 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>

df5527c0953145afbd641267010dd7ee.png
  • Вопрос задан
  • 2134 просмотра
3 комментария
Подписаться 4 Оценить 3 комментария
Решения вопроса 1
copyhold
@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%;
}


как то так.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы