CSS · Layout

flex-wrap

Allows items to move onto new lines instead of shrinking forever.

cssRunnable example css course

Syntax

flex-wrap: wrap

Example

Try it

.demo { display: flex; flex-wrap: wrap; gap: 8px; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.