1<!--basic--flex--layout-->
2<html>
3 <head>
4 <style>
5 .parent{
6 display: flex or inline-flex;
7 flex-direction: row or column;
8 flex-wrap: wrap or wrap-reverse;
9 }
10 </style>
11 </head>
12 <body>
13 <div class="parent">
14 <div class="child-1"></div>
15 .
16 .
17 .
18 </div>
19 </body>
20</html>
1.container {
2 align-content: flex-start | flex-end | center | space-between | space-around | space-evenly | stretch | start | end | baseline | first baseline | last baseline + ... safe | unsafe;
3}
1.container {
2 flex-direction: row | row-reverse | column | column-reverse;
3}