Bug affichage

quiz_atomes/templates/quiz_atomes/home.html

@@ -7,21 +7,19 @@
       </a>
     </div>
   </nav>
-  <div class="d-flex align-items-center">
+  <div class="py-2 d-flex flex-column align-items-center">
-      <div class="py-2 d-flex flex-column align-items-center">
+      <p class="display-4 text-center"><b>LE QUIZ DES ATOMES</b>&nbsp;<i class="fa fa-vial"></i></p>
-      	      <p class="display-4 w-75 text-center"><b>LE QUIZ DES ATOMES</b>&nbsp;<i class="fa fa-vial"></i></p>
+      <p class="w-75">Ta mission pour ce jeu ?</p>
-      	      <p class="w-75">Ta mission pour ce jeu ?</p>
+      <p class="w-75">Connaître les symboles chimiques des atomes qui constituent l'univers. Chaque bonne réponse te rapporte 20 points. Une mauvaise t'en enlève 10 et une absence de réponse t'en enlève 5.</p>
-      	      <p class="w-75">Connaître les symboles chimiques des atomes qui constituent l'univers. Chaque bonne réponse te rapporte 20 points. Une mauvaise t'en enlève 10 et une absence de réponse t'en enlève 5.</p>
+      <p class="w-75">Attention au temps ! Chaque seconde passée sur la partie t'enlèvera un point au moment de calculer ton score.</p>
-      	      <p class="w-75">Attention au temps ! Chaque seconde passée sur la partie t'enlèvera un point au moment de calculer ton score.</p>
+      <p class="w-75">Pour t'entraîner, aide toi de <a href="{% static 'quiz_atomes/tableau_periodique-couleur.png' %}">ce tableau&nbsp;<i class="fa-solid fa-file-image fa-sm"></i></a>.</p>
-      	      <p class="w-75">Pour t'entraîner, aide toi de <a href="{% static 'quiz_atomes/tableau_periodique-couleur.png' %}">ce tableau&nbsp;<i class="fa-solid fa-file-image fa-sm"></i></a>.</p>
+      <p class="w-75">Bon courage !</p>
-      	      <p class="w-75">Bon courage !</p>
+      <div class="d-inline">
-	      <div class="d-inline">
+	      <a href="{% url "quiz_atomes" %}">
-		      <a href="{% url "quiz_atomes" %}">
+		<input type="button" value="JOUER" href=>
-			<input type="button" value="JOUER" href=>
+	      </a>
-		      </a>
+	      <a href="{% url "scores" %}">
-		      <a href="{% url "scores" %}">
+		<input type="button" value="Scores">
-			<input type="button" value="Scores">
+	      </a>
-		      </a>
-	      </div>
       </div>
   </div>{% endblock %}