Почему по вертикали не встает по центру блок?

Question

[NameUser]

Всем привет! Есть пример: https://codepen.io/EugeneKarmyshkov/pen/PojvqXe
Нужно чтобы форма была по центру, по горизонтали все ок, но почему по вертикали не встает на место?

Answer 1

[Ivan Bogachev]

Нужно чтобы форма была по центру

Тогда может быть align-self: center; должно быть у самой формы?

Answer 2

[Ankhena]

Нужно чтобы форма была по центру

Потому что align-self выравнивает конкретный элемент вдоль поперечной оси флекс-контейнера.
Т.е. применить это свойство нужно к форме.

Либо заменить align-self на align-items