Не работает align-items: center;?

Question

[Андрей Годунко]

1. Растянул вью-пор на 100% то есть

html, body {
    height: 100%;
}

2. Задал align-items: center; родительскому элементу
3. И задал display: flex;
CODE

Comments

[xdevelx]

1. В html class="conteiner", в css - .container
2. В .header__inner только один элемент - nav. Что выравнивать в таком случае?
3. Зачем для .header задали фиксированную высоту? Отступы сверху и снизу задаются через padding.
4. Для html height: 100%, а для body желательно min-height: 100%

[Андрей Годунко]

xdevelx, Ну вот сделал все как надо.
Но все же остается вопрос как по центру выправить?

[xdevelx]

Андрей Годунко, Если по горизонтали по центру расположить, то

.header__inner { 
  display: flex;
  justify-content: center;  
}

Если как то иначе, то приложите макет (скриншот), как должно быть, чтобы не гадать.

[Андрей Годунко]

xdevelx, Ну как бы да по центру но не ровно. Я так понял потому что у ссылки HOME margin-left: 50px;. Я попытался убрать только для нее margin свойством

.nav_link:first-child {  
    margin-left: 0;
}

Но так ведь сбивается у всех элементов margin а не только у первого(

[xdevelx]

Андрей Годунко, Так ссылка единственный элемент внутри li. Отступы задавайте для li и тогда будет работать first-child(или last-child)

К примеру

.nav li:not(:last-child) {
  margin-right: 50px;
}

[Андрей Годунко]

xdevelx, Напиши в ответ