Correctif des boutons dans la page de histoire DE

README.md

@@ -4,6 +4,8 @@
 
 ## TODO Lists
 
+- [ ] 💣💥💥Corriger bouton du nav (note perso Jeremy) 💥💥💣
+
 - [x] Planification du travail connecté - Par Stan
 - [x] Coder le menu de navigation commun a toutes les pages - Jeremy
 - [ ] Coder le pied de page commun a toutes les pages - Jeremy

www/css/style.css

@@ -263,16 +263,22 @@ footer {
     display: block;
     text-align: center;
     align-content: center;
+}
+
+.histoire header.introduction h1,
+.histoire header.introduction p {
     line-height: 5;
     font-size: 2rem;
 }
 
+
 .histoire header.introduction div.introduction {
     background-color: #13172cd5;
     height: 100vh;
 }
 
-.histoire header.introduction button {
+/*
+.histoire header.introduction div {
     color: #ffefe5;
     padding: 0 16px;
     margin: 0 4px;
@@ -283,16 +289,42 @@ footer {
     background-color: #13172c;
 }
 
-.histoire header.introduction button a {
+.histoire header.introduction div a {
     display: flex;
     align-items: center;
     align-content: center;
     text-decoration: none;
+}*/
+/*.histoire header.introduction div.bouton {
+    height: 40px;
 }
 
+.histoire header.introduction div.bouton a {
+    border: none;
+    background-color: #13172c;
+    text-decoration: none;
+    border-radius: 20px;
+    font-size: 1rem;
 
-.histoire header.introduction button:hover {
+    display: inline-block;
-    height: 40px;
+    align-items: center;
+    text-decoration: none;
+    color: #ffefe5;
+    padding: 0 16px;
+    margin: 0 4px;
+}*/
+
+.histoire header.introduction div.introduction a {
+    display: inline-block;
+    text-decoration: none;
+    color: #ffefe5;
+    padding: 10.8px 16px;
+    margin: 0 4px;
+    background-color: #13172c;
+    border-radius: 20px;
+}
+
+.histoire header.introduction div.introduction a:hover {
     border-radius: 20px;
     background-color: #b47871;
 }

www/histoire.html

@@ -29,7 +29,7 @@
             <div class="introduction">
                 <h1>L'histoire de Digital Extremes</h1>
                 <p>Plonger dans l'histoire fascinante de Digital Extremes</p>
-                <a href="#goToTitre"><button>Plus d'infos</button></a>
+                <a href="#goToTitre">Plus d'infos</a>
             </div>
         </header>