How to make a page using flexbox?

Question

Layout

How to make a page using flexbox? The fact is that flex, as I understand it, works with containers, tobish groups of blocks. But here's how to make sure that the header, article, aside, footer tags can be placed according to the classic scheme, i.e. aside from the left, article from the center, again aside from the right, header at the top and footer at the bottom?

Answer 1

you ask the general container further a matter of technology display:flex

Answer 2

This can be done using CSS Grid:
https://codepen.io/geoffgraham/pen/dZMYEO
Or you can place article and aside in a common parent block and set display: flex to it and position it as you like. For example like here:
https://codepen.io/wfortin/pen/yVJybg