Flexbox & Grid
Flex Basis
01
02
03
Breakpoints and media queries
01
02
03
03
Flex Direction
01
02
03
Row reversed
01
02
03
Column
01
02
03
Column reversed
01
02
03
Flex Wrap
Don't wrap
01
02
03
04
Wrap normally
01
02
03
04
Wrap reversed
01
02
03
04
Flex
Initial flex
01
02
03
Flex 1
01
02
03
Auto
01
02
03
Order
01
02
03
Grid Template
Grid Columns
01
02
03
04
05
06
07
08
09
Grid Rows
01
02
03
04
05
06
07
08
09
Gap
01
02
03
04
01
02
03
04
05
06
Justify Content
01
02
03
01
02
03
01
02
03
Justify Items
01
01
01
01
02
Align Content
content-start
01
02
03
04
05
content-center
01
02
03
04
05
content-end
01
02
03
04
05
content-between
01
02
03
04
05
content-around
01
02
03
04
05
Place Content
place-content-start
01
02
03
04
place-content-center
01
02
03
04
place-content-between
01
02
03
04
place-content-around
01
02
03
04
place-content-evenly
01
02
03
04