Mission

Mission : une galerie photo dont le centrage ne fait rien

Distinguer l'alignement de cellule de l'alignement de grille entière, et construire une superposition sans position absolute.

Contexte

Sur galerie.css, .galerie est en display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; et remplit déjà toute la largeur de son conteneur. Un développeur ajoute justify-content: center; en espérant centrer les vignettes qui semblent légèrement décalées, mais rien ne change visuellement. Par ailleurs, chaque vignette doit afficher une légende semi-transparente collée en bas de l'image, sans JavaScript ni position absolute.