Как лучше реализовать такую структуру?

Question

[Сергей Горячев]

Собственно, наглядно ниже.
4 блока - красный логотип, зеленый меню, фиолетовый контентная область, синий подвал.
С меню, логотипом и контентом проблем нет, тут все предельно понятно.
А вот как лучше разместить подвал, чтобы при адаптации он падал под контент?
Понимаю, что тут скорей всего нужно использовать order, но никак не соображу, как применить.
Область контента не определенной высоты.

Comments

[Александр Епихин]

А высота подвала известна?

[Сергей Горячев]

Александр Епихин, ну, скорее всего да, там статичный контент будет, телефоны, социальные иконки, блок сам по себе всегда на ширину экрана влезает полностью.

[Александр Епихин]

Тогда можно сделать так https://codepen.io/leshiple/pen/MWyYVLP?editors=1100

Answer 1

[sHARek]

https://grid.layoutit.com

Answer 2

[t800zippygod]

Добрый день, тут удобнее всего будет использовать гриды. Погули, минут за 20 разберёшься что к чему