Как бы вы переместили контент из одной колонки в другую?

Question

[godsplane]

Недавно столкнулся с такой задачей.
Код: https://codepen.io/poylar/pen/QWxQgxp
Что нужно сделать:
На мобилках переместить картинку из правой колонки под заголовок левой колонки,чтобы она встала между заголовком и описанием.
Структуру менять можно, я накидал лишь для примера. Мне просто интересно какими способами возможно это реализовать. И насколько это рентабельно
скороее всего я думаю что это можно как то реализовать на гридах. Возможно ли это реализовать на флексах?

Comments

[Вадим]

Как бы вы переместили контент из одной колонки в другую

на гридах.

Возможно ли это реализовать на флексах

Можно помучаться, но зачем?

[godsplane]

Вадим, а если бы гридов не было?

[Beliyadm]

godsplane, Тогда бы костыльно добавить скрытую для десктопа картинку под заголовок и показывать ее на мобилах, скрывая десктопную копию.

[Ankhena]

Гриды, флоаты, абсолют.
Флексы тут мало чем помогут. Разве что высота будет фиксированной. Или могут быть использованы для одной из раскладок.

[imko]

godsplane, а если бы цсс не было?) уже учишь другие языки на этот случай?)