Можно ли флексом разместить две колонки под одной слева и справа одну колонку?

Question

[Иван Иванов]

Можно ли сделать трехколоночную верстку сайта, чтобы, когда ширина экрана уменьшается, правая колонка становилась под левой, а центральная была справа на html, css, flex. Когда уменьшается еще сильнее, центральная была по всей ширине, ниже - левая колонка, еще ниже - правая. Центральная колонка должна идти вверху по коду html. Используя html, css, flex, без js.

Comments

[Kentavr16]

можно. Но больно представлять что вы хотите получить в итоге )

[imko]

Звучит как задача для грида

[Ankhena]

Можно на флексах при использовании доп обертки для левой и правой частей и display contents там где она не нужна.

Но гридами заметно логичнее и удобнее.

p.s. И не забудьте о том, что в media можно менять и display. Т.е. если на мобилке флекс это не значит, что на планшете и десктопе тоже обязан быть флекс.

[Иван Иванов]

imko, А на гридах как?

[imko]

Иван Иванов, а это на фриланс)

[Иван Иванов]

imko, Самое проблемное, это колонка под колонкой и справа центральная колонка. Типа такого что-то - https://codepen.io/attfcwtz-the-encoder/pen/qBgEzQQ . Ну 15 минут чтения документации явно не для фриланса, но за наводку на гриды спасибо)

[imko]

Иван Иванов, https://developer.mozilla.org/en-US/docs/Web/CSS/g... почитай еще, https://grid.layoutit.com/

[Алан Гибизов]

Если нет кода, не надо ставить тэг языка.

[Ankhena]

Иван Иванов, рекомендую https://cssgridgarden.com/#ru