Как перенести блок?

Question

[kot98]

Изначально все 3 блока в один столбец (у родителя d-flex, f-d: column). На десктопе нужно 2-ой блок переместить.

Как это сделать реализовать на:
- флексах;
- может с использованием сетки (24 колонки)?
(вопрос не про медиа запросы)
была идея про flex wrap, задать родительскому блоку и самим блокам высоту и поменять порядок через order. такой вариант не подходит, так как высота блоков может меняться в зависимости от наполнения контентом

Comments

[Ankhena]

Нормально: на гридах. И да, с @media.

Не очень нормально:
- float
- absolute
- flex + js

- может с использованием сетки (24 колонки)?

Неожиданная идея )))
А если 24 не поможет, то 512?

[Zarron]

Родителю задаешь ширину что тебе надо и flex-wrap: wrap, если один блок занимает 200 пиксилей задаешь 450ширину (400 блоки и типа 50 маржин), ну и будет норм