Выравнивание по вертикали flexbox

.header { margin: 60px 0; } .header__form { display: flex; justify-content: flex-end; align-items: center; }

Почему не работает вертикальное выравнивание?

Ответ

Попробуйте обернуть ваши блоки в flex контейнер так:
.header { margin: 60px 0; } .flex-container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }

Так же рекомендую освежить теорию по flex