Items are wrapped to the next row only if the combined width of items and gaps are greater than the container's width.

nowrap (default)

wrap

wrap-reverse

Alignment along X-axis

flex-start (default)

flex-end

center

space-around

space-evenly

space-between

Alignment along Y-axis

stretch (default)

baseline

center

flex-start

flex-end

Only applies if there is more than one row of items

stretch (default)

center

flex-start

flex-end

space-around

space-evenly

space-between