Bonjour à tous !

Ultra-débutante en programmation, je dois réaliser un site web pour un projet de cours.
Pour ce projet, j'ai dû créer une page html contenant un grid pour y classer mes différents éléments.

Voici le format de mon grid :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<section class="contenu">
  <section class="grid-item1">
       <p class="title">Nom du livre</p>
  </section>

et le CSS qui va avec :

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.contenu {
  max-width: 1500px;
  width: 100%;
  height: auto;
  border:1px solid black;
  display:grid; 
  grid-template-columns: repeat(auto-fill,450px);
  justify-content: center;
  grid-gap: 20px;
}
 
 
.grid-item1 {
  width: 450px;
  height: 600px;
  text-align: center;
  justify-content: center;
  }

Je dois ensuite transformer ma page d'accueil en page dynamique et récupérer les éléments de ma page d'accueil depuis ma base de données en PHP à l'aide de requêtes SQL.

Je n'ai aucun souci à l'exception près que je n'arrive pas à faire apparaître ma grille dans cette page dynamique.

Auriez-vous une idée de ce qui coince ?

En vous remerciant par avance.