CSS Flexbox: Alignment

01. justify-content: flex-start

1
2
3
4

02. justify-content: flex-end

1
2
3
4

03. justify-content: center

1
2
3
4

04. justify-content: space-between

1
2
3
4

05. justify-content: space-around

1
2
3
4

06. align-items: flex-start

1
2
3
4

07. align-items: flex-end

1
2
3
4

08. align-items: center

1
2
3
4

09. flex-wrap: wrap

1
2
3
4

10. align-self: flex-end

1
2
3
4

11. order: 2

1
2
3
4

12. flex: auto

1
2
3
4