Grid

200px 200px 1fr 200px 1fr 2fr 1fr 200px 3fr repeat(4, 1fr)

100px 100px 100px 200px 1fr 1fr repeat(2, 100px) repeat(2, auto) repeat(2, minmax(100px, auto))

auto 250px minmax(300px, auto)

auto min-content 300px 40% minmax(200px, auto)

1 / 2 1 / 3 2 / -1 span 2

1 / 2 1 / 3 2 / 3 span 2

gap 0rem gap 1rem gap 2rem gap 3rem

Row Gap row gap 0rem row gap 1rem row gap 2rem

Column Gap column gap 0rem column gap 1rem column gap 2rem

Justify Content Justify center Justify flex end Justify flex start Justify space between Justify space around Justify space evenly

Align Items Align stretch Align center Align flex end Align flex start

Justify Content Justify self stretch Justify self center Justify self flex end Justify self flex start

Align Items Align self stretch Align self center Align self flex end Align self flex start

"A B C"
"D E  ." "A B C"
"A D E" "A A B"
" . C B"
"D  . E"