Почему align-items: center; работает именно так?

Question

[romasuk]

Есть flex-контейнер в котором flex-элементы должны центрироваться по горизонтали. Почему содержимое H1 при сужении экрана прижимается к левому краю? Вот ссылка.

Answer 1

[0xD34F]

Потому что центрируется содержимое section, а не содержимое содержимого section. Хотите, чтобы текст в h1 был по центру - добавьте text-align: center;.