Как сгруппировать элементы для разных экранов?

Question

[Black_Fire]

Как расположить элементы так как показано на схеме?

Comments

[Вадим]

С помощью display: flex и order или display: grid и grid-template-areas

[Ankhena]

Или grid и order

Answer 1

[Евгения Авдеева]

Нужно воспользоваться либо flexbox, либо grid-layout
Пример ниже либо по ссылке https://codepen.io/ewgeniq-awdeewa/pen/bGRpEdO

Чтобы увидеть различия нажмите внизу окна codepen сначала 0,5х, потом 1х