Почему не работает align-items: center;?

Question

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

Мне надо чтобы картинка была по центру. Но align-items: center;, не позиционирует по центру
CODE

Answer 1

[Антон]

display: flex и align-items: center должны быть у родителя.

Comments

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

Спасибо за хороший ответ)

Answer 2

[Сергей Ержович]

<div class="card">
    <img src="https://hsto.org/webt/62/20/e0/6220e03be7247161494475.jpeg" alt="background">
  </div>

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

Но в твоём случае можно

<div class="card">
    <img src="https://hsto.org/webt/62/20/e0/6220e03be7247161494475.jpeg" class="back" alt="background">
  </div>

.back {
  display: flex;
  margin: auto;
}

Comments

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

Спасибо за хороший ответ с примером))