Flexbox. Возможно ли расположить блоки так?

Question

[Александр Вербицкий]

Подскажите, возможно ли используя flex расположить блоки следующим образом?
Причем блоки 1 и 3 не должны быть объединены одним блоком.
При сжатии экрана блок 2 должен встать под блоком 1, а 3 в самом низу
т.е нужно чтобы были три "div" подряд, чтобы можно было менять их расположение через "order"

<div class="block1">1</div>
<div class="block2">2</div>
<div class="block3">3</div>

Как не пытался сделать, блок 1 всегда получается равным по высоте блоку 2, и третий снизу...

Answer 1

[StiflerProger]

Сорри что стилей и классов не накидал. Но основной принцип вроде должен подойти.
https://jsfiddle.net/tqev98gw/16/

Comments

[Александр]

Причем блоки 1 и 3 не должны быть объединены одним блоком.

[Александр Вербицкий]

Эту реализацию я знаю) Спасибо конечно, но немного не то... При мобильной версии блок 2 ни как не запихнешь между 1 и 3... Я так понимаю, что так можно сделать только через Grid... Но если всё-таки есть решение, хотелось бы знать его.

[Ankhena]

Александр Вербицкий,

Но если всё-таки есть решение, хотелось бы знать его.

флоатами или фиксируя высоту или с доп.обертками и display contents на мобилках.