Как создать такой layout при помощь display:flex?

Question

[Сергей Шилов]

Привет! Не могу нагуглить, как формировать такой порядок блоков?

https://jsfiddle.net/pv5b9Lt3/3/

Answer 1

[Dima Polos]

.row > (.block_tall + .container > (.block1 + .block2) )
.row{ display: flex; }

Comments

[Сергей Шилов]

Извиняюсь, что jsfiddle не дал, можете тут конкретизировать Ваш ответ?

https://jsfiddle.net/pv5b9Lt3/3/

[Dima Polos]

Сергей Шилов, да, просто с мобильника писал поэтому там не так легко html набрать, так как редактор упрощенный.
https://jsfiddle.net/t3ae09gL/3/

[Сергей Шилов]

Вся проблема в том, что эту задачу надо реализовать только в рамках этой конструкции html:

<div class="row">
  <div class="row_block"></div>
  <div class="row_block"></div>
  <div class="row_block"></div>
</div>

[Dima Polos]

Сергей Шилов, тогда только grid, флексом только с оберткой.

[Dima Polos]

Сергей Шилов, https://jsfiddle.net/8Lfnk9m0/3/ вот на флексах

Answer 2

[Denis Melnikov]

Ну тут как бы 3 блока, 1 большой, 2 с колонками, и внутри уже как тебе надо .

Comments

[Сергей Шилов]

у меня дочерние блоки идут без вложений, одного уровня, конструкция типа:

[Сергей Шилов]

<div class="row">
  <div class="row_block"></div>
  <div class="row_block"></div>
  <div class="row_block"></div>
</div>

[Denis Melnikov]

Сергей Шилов, это принципиально ?

[Сергей Шилов]

Denis Melnikov, к сожалению - да, потому что другие способы построения я и сам знаю

[Иван]

Сергей Шилов, Серьезно?Чем обоснована такая принципиальность?

[Сергей Шилов]

Иван, циклом вывода блоков

[Denis Melnikov]

Может тогда на grid глянете, вроде там можно так построить.