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

Question

[Максим Воронков]

Добрый вечер, коллеги. Как лучше сверстать данную конструкцию, чтоб:

1 блок был всегда по центру браузера
2 блок был всегда по центру браузера
3 блок был прижат к левому краю браузера
4 блок был прижат к правому краю браузера
5 блок был прижат к правому краю браузера

Comments

[Максим]

Номера даны от балды? Или в таком порядке элементы должны идти в HTML?

[Максим Воронков]

Да от балды)) Порядок не важен. Но думаю 1,5,3,2,4

Answer 1

[Александр]

на флексах можно сделать, но без дизайна сложно, не понятно какие блоки резиновые, какие фиксированные, какие у них размеры или соотношение, так что надо доделывать под макет
https://codepen.io/anon/pen/yvzMMx

Comments

[Максим Воронков]

А можно уже делать на FLEX?))

[ink]

Олег Фролов, да можно ... поддержка есть уже у всех браузеров , кроме допотопных ...

[Владимир Соломыкин]

ink, и на IE11+ не забываем trick с обязательным указанием высоты для флексов.

Answer 2

[I'm Yoda]

либо flex ручками пишем, либо bootstrap 4