Flexbox

Flex Grow, Shrink, Basis, Gap

Box 1

Box 2

Box 3

Content

flex-start

A

B

C

flex-end

A

B

C

center

A

B

C

space-between

A

B

C

space-around

A

B

C

space-evenly

A

B

C

Align Items

flex-start

Top

Top

flex-end

Bottom

Bottom

center

Middle

Middle

stretch

Stretch

Stretch

baseline

Small

Big