Как выравнять элементы в шапке по вертикали?

Question

[Mars15]

Буду краток,учусь верстать по макетам, не могу сделать так,чтобы элементы в шапке были как на макете по центру перпендикулярно(как их раскидать вдоль я знаю,не обращайте внимание,что они в начале строки).Да ещё и шапка с какой-то стати слезла. Вот макет:

код и то, что он делает,места где слезает шапка отметил стрелками:



Уверен,что решение простое,но я его найти не могу, помогите пожалуйста.

Comments

[Игорь]

Может вы body подвинули?

[Mars15]

Я не совсем понимаю,как его возможно двигать, всё как было изначально.

[Игорь]

body {
  margin: 0;
  padding: 0;
}

попробуйте

Answer 1

[Петр]

Попробуйте
align-items:center;

Comments

[Mars15]

делал, не работало. снова запустил, всё отлично,спасибо! А со слетевшей шапкой не подскажете что сделать можно?

Answer 2

[Lord_Dantes]

https://codepen.io/lord-dantes/pen/ExVXMwr