Как разместить элементы для мобилки?

Question

[jtag]

контент разделен на две колонки, body и img, при помощи flex. при сжатии img(картинка) должна встать посредине контента body, как это сделать ?

Answer 1

[Ankhena]

Картинка это псевдоэлемент.
Он может быть на десктопах вынут из потока и размещен справа абсолютом.

Либо всё это может быть гридом, который перестраивается как нужно.

Дублировать контент тут точно не нужно.

Comments

[jtag]

Решил через grid-area. Спасибо!

[Ankhena]

jtag, area тут в целом лишний, но можно и так.

Answer 2

[Андрей Федоров]

Ну, при такой раскладке мало что можно сделать. Например, можно дублировать кнопки - https://codepen.io/aliencash/pen/vYWawZK
Но лучше перейти на grid или flex с flex-wrap, чтобы можно было использовать order.

Comments

[jtag]

Спасибо! Решилось через grid-area.