Как выстроить блоки таким образом?

Question

[nen0y]

Как выстроить блоки таким образом на flex-box, не используя параметр "height: "?

Answer 1

[Конан Варвар]

https://jsfiddle.net/gt4umuch/

Answer 2

[Антон Спирин]

Можно так: https://jsfiddle.net/geqkr0jv/
Но height в родителях используется.
Тут только в body, html https://jsfiddle.net/esp3cv49/

Comments

[nen0y]

Блок "3" можно вытолкнуть на блок "1", только методом transform: translate(-50%, -50%);?