Flex wrap

Lets flex items wrap onto new lines instead of squashing.

What does flex-wrap do?

flex-wrap lets flex items move onto a new line when they run out of room, instead of squashing.

.tag-list { display: flex; flex-wrap: wrap; gap: 6px; }

Level: Journeyman · More CSS terms at this level

Updated September 27, 2026