I agree, the site wasn&#x27;t so clear.<p>My understanding is that it seems `align-items` is to do with the children of the element, while `align-content` is to do with the spacing with regards to the parent container. In some ways, `align-content` will always imply a certain &quot;bunching&quot; to the children (they are either stuck to the start, end, center or spaced evenly in some manner - but never changing order, wrap or size), whereas `align-items` changes how lone-items behave in the flow, be it start, end, center or some stretching).<p>These two URLs provide some decent visual demos &amp; distinction:<p><a href="https:&#x2F;&#x2F;css-tricks.com&#x2F;almanac&#x2F;properties&#x2F;a&#x2F;align-content&#x2F;" rel="nofollow">https:&#x2F;&#x2F;css-tricks.com&#x2F;almanac&#x2F;properties&#x2F;a&#x2F;align-content&#x2F;</a>
<a href="https:&#x2F;&#x2F;css-tricks.com&#x2F;almanac&#x2F;properties&#x2F;a&#x2F;align-items&#x2F;" rel="nofollow">https:&#x2F;&#x2F;css-tricks.com&#x2F;almanac&#x2F;properties&#x2F;a&#x2F;align-items&#x2F;</a>