Comment centrer un élément d'image à l'intérieur d'un div d'emballage

Question

Vous trouverez ci-dessous les codes jsx et css et les captures d'écran de la page Web.

Answer 1

Essayez de donner display Flex au div parent et utilisez les propriétés justification-content et align-items comme ci-dessous

.movie_image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  border: 2px solid black;
}

.image {
  height: 100%;
}