correction avec css et html validator 0 erreur 10Warning

public/autres_pages/blog.html

@@ -25,7 +25,7 @@
                     <img src="../images/transport.jpg" class="img-article" alt="article">
                     <h3>Choisir le Meilleur Moyen de Transport pour vos Déplacements Quotidiens</h3>
                     <a href="#plus1" class="button">Afficher Plus</a>
-                    <contenu id="plus1" class="full-article">
+                    <section id="plus1" class="full-article">
                         <p>Choisir le bon moyen de transport pour vos trajets quotidiens peut transformer votre expérience de déplacement. Voici quelques conseils :
                         <p><span>Évaluez la distance et la fréquence :</span> 
                             Pour les trajets courts, privilégiez la marche, le vélo ou la trottinette. Pour des distances plus longues, optez pour les transports en commun ou le covoiturage.</p>
@@ -37,14 +37,14 @@
                             Privilégiez les moyens de transport plus verts comme le vélo, les transports en commun ou les véhicules électriques pour réduire votre empreinte écologique.</p>
                         <p><span>Flexibilité et commodité :</span> 
                             La voiture offre de la flexibilité, mais les transports en commun sont pratiques pour certains trajets réguliers.</p>
-                    </contenu>
+                    </section>
                 </section>
 
                 <section class="article">
                     <img src="../images/transportvert.jpg" alt="article" class="img-article">
                     <h3>Les Innovations et Tendances des Transports Durables pour un Avenir Plus Vert</h3>
                     <a href="#plus2" class="button">Afficher Plus</a>
-                    <contenu id="plus2" class="full-article">
+                    <section id="plus2" class="full-article">
                         <p>Le transport en commun est bien plus qu'une simple alternative à la voiture individuelle. Voici pourquoi opter pour le transport en commun peut être bénéfique, tant pour les individus que pour l'environnement urbain :</p>
                         <p><span>Réduction de la congestion urbaine :</span>
                         En encourageant l'utilisation du transport en commun, les villes peuvent réduire la congestion routière, offrant ainsi des trajets plus rapides et moins stressants pour les usagers de la route.</p>
@@ -58,14 +58,14 @@
                         Le transport en commun offre souvent aux usagers la possibilité de lire, travailler ou simplement se détendre pendant leurs trajets, contribuant à réduire le stress lié à la conduite individuelle.</p>
                         <p><span>Urbanisme favorisant une meilleure qualité de vie :</span>
                         Les villes axées sur le transport en commun peuvent favoriser des quartiers plus agréables, avec moins de places de parking nécessaires, laissant la place à des espaces verts et des zones piétonnes.</p>
-                    </contenu>
+                    </section>
                 </section>
 
                 <section class="article">
                     <img src="../images/Carte_Tecely_Lyon.jpg" alt="article" class="img-article">
                     <h3>Comprendre les Tarifs et Abonnements des Transports en Commun Lyonnais (TCL)</h3>
                     <a href="#plus3" class="button">Afficher Plus</a>
-                    <contenu id="plus3" class="full-article">
+                    <section id="plus3" class="full-article">
                         <p>Les Transports en Commun Lyonnais (TCL) offrent une gamme diversifiée de tarifs et d'abonnements pour répondre aux besoins de déplacement des usagers. Comprendre ces différentes options peut vous aider à économiser et à optimiser votre expérience de transport à Lyon :</p>
                         <p><span>Ticket Unitaire :</span>
                         Le ticket unitaire est adapté pour un trajet unique. Il est valable pour un voyage sur le réseau TCL avec une correspondance incluse pendant une durée limitée. Il peut être acheté à bord des bus, des distributeurs automatiques ou via l'application mobile TCL.</p>
@@ -79,7 +79,7 @@
                         Des tarifs réduits sont disponibles pour les étudiants, les seniors, les personnes à mobilité réduite, ainsi que pour les familles. Ces tarifs spéciaux visent à rendre les transports en commun accessibles à un plus large éventail de la population.</p>
                         <p><span>Carte Técély :</span>
                         La carte Técély est une carte de transport rechargeable et personnalisable. Elle permet de charger des titres de transport et d'abonnements, offrant une solution pratique et économique pour les usagers réguliers.</p>
-                    </contenu>
+                        </section>
                 </section>
             </section>
 
@@ -130,10 +130,10 @@
             <h3 class="titre">VOTRE AVIS COMPTE</h3>
             <h2>Contribuez à des déplacements intelligents</h2>
             <form method="post" action="https://perso.liris.cnrs.fr/pierre-antoine.champin/enseignement/intro-web/_static/formproc/debug">
-                <label>Pseudo*</label><input type="text" name="pseudo" placeholder="Pseudo">
-                <label>Date de naissance</label><input type="date" name="date" placeholder="jj/mm/aaaa">
-                <label>Adresse Electronique**</label><input name="mail" placeholder="Adresse@Example.com">
-                <label>Développer votre idée*</label><textarea name="idées" placeholder="Partagez vos idées et conseils pour des déplacements plus intélligents sur le campus !"></textarea>
+                <label>Pseudo*</label><input type="text" name="pseudo" placeholder="Pseudo" required>
+                <label>Date de naissance</label><input type="date" name="date"> 
+                <label>Adresse Electronique**</label><input name="mail" placeholder="Adresse@Example.com" required>
+                <label>Développer votre idée*</label><textarea name="idées" placeholder="Partagez vos idées et conseils pour des déplacements plus intélligents sur le campus !" required></textarea>
                 <p>*Les éléments sont obligatoire</p>
                 <p>**L'adresse mail ne sera pas publié</p>
                 <button id="envoyer">Envoyer</button>
@@ -144,7 +144,7 @@
         </main>
         
         <footer>
-            <a href="https://iut.univ-lyon1.fr/"><img src="../images/logo.png" img="imgfooter" alt="logo" width="50" height="50"></a>
+            <a href="https://iut.univ-lyon1.fr/"><img src="../images/logo.png" id="imgfooter" alt="logo" width="50" height="50"></a>
             <section>
                 <p class="pcontact">Contactez-nous :</p>
                 <p>01 23 45 67 89</p>

public/css/index.css

@@ -42,8 +42,7 @@ h3+h2
 {
     display:grid;
     grid-template-columns: 1fr 1fr;
-    grid-row: 1fr 1fr 1fr;
-    grid-gap: space-around;
+    grid-template-rows: 1fr 1fr 1fr;
     margin-bottom: 10%;
 
 }

public/css/style.css

@@ -50,7 +50,6 @@ h3{
 /* reglages pour les buttons de toutes les pages */
 .button{
     display: inline-block;
-    resize: 200%;
     border-radius: 12cm;
     box-shadow: 0px 4px 8px 0px;
     padding: 0.5em;