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

Question

[MRcracker]

Как сделать при помощи flexbox так, чтобы одна колонка растягивалась на 100% и обтекала другие блоки?

Comments

[WapSter]

Развернусь основную ось или задать отдельную обертку, а лучше использовать гриды. Флексы не умеют обтекать.

Answer 1

[origami1024]

Насчет обтекания - можно первому блоку дать флекс-базис 100%, будет занимать всю длину оси
Основные идеи:

.wrapper { /*родителю*/
  height: 40vw; /*фикс высота*/
  flex-direction: column; /*флекс колонками*/
  flex-wrap: wrap;
}
.block{ /*внутренние блоки*/
  flex-basis: 33.3%;
}
.block:first-child{ /*первый 100%*/
  flex-basis: 100%;
}

Пример: