Problem Statement
When does `align-content` have an effect?
Explanation
`align-content` controls how multiple rows (or columns) of flex items are spaced along the cross axis **only when the items wrap** and there is leftover space. It has no effect in a single line layout. :contentReference[oaicite:7]{index=7}
Code Solution
SolutionRead Only
.container { flex-wrap: wrap; align-content: space-between; }