The idea
align-items positions items along the *cross axis* — vertical in a row, horizontal in a column. stretch (the default) fills the container, flex-start pins to the top, center floats them in the middle, flex-end to the bottom.
margin is off-limits: margin-top would centre each item without teaching align-items.