Как с помощью flex-ов расположить блоки таким образом?

Question

[smit1987]

Что-то фигня какая-то всё получается.
Как с помощью flex-ов расположить блоки таким образом?

Comments

[Ankhena]

Что-то фигня какая-то всё получается.

Логично.
Используйте гриды.

Как с помощью flex-ов расположить блоки таким образом?

Только фиксируя высоту или с доп обертками.

Т.е. сначала нужно понять семантику разметки и кто такие блоки 1, 2, 3 и 4.

Answer 1

[n1ksON]

<div class="parent column">
  <div class="row">
    <div class="column">
      <div>div 1</div>
      <div>div 2</div>
      <div>div 3</div>
    </div>
    <div>
      div 4
    </div>
  </div>
  <div>
    остальное
  </div>
</div>

.column {
  display: flex;
  flex-direction: column;
}
.row {
  display: flex;
  flex-direction: row;
}

Comments

[Pavel_20]

только у .row flex-direction: row; можно не писать - у флексов по умолчанию итак оно стоит