Whereas align-items determines how flex items as a whole (not individually as in align-self), are aligned within the flex container, align-content determines the spacing between lines. That means that in the absence of multiple lines, i.e when there's only one line (flex items don't wrap to the next line), the align-content property has no effect on these items.