@MRcracker

Как сделать контент в 2 колонки?

Как сделать при помощи flexbox так, чтобы одна колонка растягивалась на 100% и обтекала другие блоки?5dc84c1799aa5670814351.png
  • Вопрос задан
  • 234 просмотра
Решения вопроса 1
origami1024
@origami1024
went out for a night walk
Насчет обтекания - можно первому блоку дать флекс-базис 100%, будет занимать всю длину оси
Основные идеи:
.wrapper { /*родителю*/
  height: 40vw; /*фикс высота*/
  flex-direction: column; /*флекс колонками*/
  flex-wrap: wrap;
}
.block{ /*внутренние блоки*/
  flex-basis: 33.3%;
}
.block:first-child{ /*первый 100%*/
  flex-basis: 100%;
}

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

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

Войти через центр авторизации
Похожие вопросы