WeCodeAcademy

Flexbox: Wrap, Gap and Alignment

flex-wrap lets items drop to a new row, gap spaces them, and align-items lines them up across the row.

Examplehtml
Open in editor »

Resize your browser window: the items wrap to the next line instead of overflowing.

Quick check

Which property adds space between flex items?

Finish the quick check (and any code exercise) to complete this lesson, or mark it done yourself.

Tip: use the left and right arrow keys to move between lessons.