Как правильнее сделать такую раскладку?

Question

[Денис]

Нарисовал на схемке как блоки должны быть:
Верхний - декстоп
Нижний - планшетная версия

Как можно такое на флексах?

P.S Дело не в медиазапросах и не в ордерах, это и так понятно.
Но родительский блок в котором находятся эти три элемента, если ему задать flex-row то логично они пойдут в ряд, а как тогда сохранить второй блок под первым, и на мобилке поменять ордер чтобы было так как на схеме

Answer 1

[Евгений Залецкий]

Медия запросы.

Answer 2

[Eugene Chefranov]

Медиа запросы и order в помощь

Answer 3

[hzzzzl]

https://jsfiddle.net/2amp3o8n/1/

Answer 4

[Полина Емельянова]

Боюсь на флексах такое сделать не удастся. Тут надо 3 дать флоат или абсолют: любым способом выбить из потока, и там зафиксировать.
Ну или на грядах, как в примере выше. Это самый лучший выход.
Только умоляю: не городи дубляжа блоков.