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

---