Why doesn't align-items work?

Question

css

Only justify-content works
Here is the code: https://codepen.io/Eva255/pen/GRoqqqj?editors=1100

PS All heights are commented out

Answer 1

The align-items property aligns the flex items inside the container in a perpendicular direction.
And the cookie block has a height of 22
align-items: stretch; will stretch them in height