Align-content focuses on the distribution of multiple flex lines within the parent container. It requires flex-wrap: wrap to work. Align-items does not require wrapping. It is applied to each item within a single flex line, aligning them along the cross axis.

Hopefully this helps answer your concern.