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

Мне надо чтобы картинка была по центру. Но align-items: center;, не позиционирует по центру
CODE
  • Вопрос задан
  • 138 просмотров
Решения вопроса 2
@Yadalay
Php, Mysql, Html, Css, Js/Jquery/Ajax, Laravel
display: flex и align-items: center должны быть у родителя.
Ответ написан
Drilled-prog
@Drilled-prog
Программирую на ['php', 'js']
<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;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы