Flexbox Cheatsheet
this cheatsheet is upgraded into
this flexbox playground
. Go check it out!
Node Type
Inline
Block
width & height
Random Height
Random Width
Add a Invisible Last Item
main direction
Row
Column
Reversed
main align
Start
End
Center
Space Between
Space Around
cross align
Auto
Start
End
Center
Baseline
Stretch
multi-align
Start
End
Center
Space Between
Space Around
Stretch
grow
0
1
shrink
0
1
basis
0
30px
500px
auto
Preview
test
CSS