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