Why align-items: center; does it work that way?

Question

css

Hello. There is a flex container in which flex items should be centered horizontally. Explain why the content of H1 is pressed to the left edge when the screen narrows? Here is the link
Thank you.

Answer 1

Because the content of the section is centered, not the content of the content of the section. If you want the text in h1 to be centered, add . text-align: center;

Answer 2

Thanks for the explanation.