CSS · Layout

align-content

Aligns wrapped lines on the cross axis when there is extra space.

cssRunnable example css course

Syntax

align-content: flex-start

Example

Try it

.demo { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; min-height: 100px; }

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