Flex
Alignment and Justify
Stretch / Left (Default)
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
Middle / Center
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
Bottom / Right
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
Top / Space-between
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
Stretch / Space-around
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
Wrap and Alignment
Stretch
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
Top
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
Middle
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
Bottom
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
Space-between
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
Space-around
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
1-3
1-2
1-2
1-2
1-3
1-3
1-3
1-3
1-3
Inline Flex
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
1-4
Order
1
2
3
1
2
3
1
2
3
Used with Grid
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.