finition blog responsive avant test (+opti media style.css)

public/autres_pages/blog.html

@@ -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>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>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>
                 <p>*Les éléments sont obligatoire</p>
                 <p>**L'adresse mail ne sera pas publié</p>
                 <button id="envoyer">Envoyer</button>

public/css/blog.css

@@ -169,4 +169,12 @@ form p
     color: #9AB253;
     text-align: center;
     font-weight: bold;
+}
+
+@media (max-width:768px)
+{
+    main>section p  
+    {
+        font-size: 70%;
+    }
 }
\ No newline at end of file

public/css/index.css

@@ -78,28 +78,12 @@ section img
 }
 
 @media (max-width: 768px) {
-    h1
-    {
-        font-size: 140%;
-    }
-    h2
-    {
-        font-size: 110%;
-    }
-    h3
-    {
-        font-size: 70%;
-    }
-    p
-    {
-        font-size: 80%;
-    }
     .intro {
         display: grid;
         grid-template-columns: 1fr;
         grid-template-rows: auto auto auto auto;
         grid-gap: 10px;
-        margin-bottom: 50%;
+        margin-bottom: 25%;
     }
 
     .intro img {

public/css/propos.css

@@ -71,14 +71,6 @@ h2{
     {
         font-size: 70%;
     }
-    h1
-    {
-        font-size: 110%;
-    }
-    section h2
-    {
-        font-size: 90%;
-    }
     #paypals
     {
         margin:8%

public/css/style.css

@@ -78,16 +78,27 @@ footer{
     color: #0A6539;
     font-weight: bold;
 }
-
 @media (max-width: 768px)
 {
-    *{font-size:xx-large}
-    h1,h2,h3
+    h1
+    {
+        font-size: 140%;
+    }
+    h2
+    {
+        font-size: 110%;
+    }
+    h3
     {
-        font-size: 1.5rem;
+        font-size: 70%;
+    }
+    p
+    {
+        font-size: 80%;
     }
     nav
     {
+        font-size: xx-large;
         margin: 0% 0% 5% 0%;
         padding: 8% 0% 8% 0%;
         justify-content: space-around;