Flexbox

1
2
3
4
5
6

flex-direction: row

1
2
3

flex-direction: column

1
2
3

flex-wrap: wrap

1
2
3
4
5
6
7
8
9
10

flex-wrap: nowrap

1
2
3
4
5
6
7
8
9
10



Justify Content

flex-start

center

flex-end

space-around

space-between

1
2
3
1
2
3
1
2
3
1
2
3
1
2
3

align-content: flex-start

1
2
3
4
5
6