Petites modifications - Fini

Author: FabioDevCode

index.html

@@ -1037,42 +1037,41 @@ <h5>Découvrir</h5>
             </div>
 
         </section>
+    </main>
 
-        <div class="bannier_12">
-            <h6>Gagnez du temps et de l'argent !</h6>
-            <div class="subtitle12">Inscrivez-vous et nous vous enverrons les meilleures offres</div>
-
-            <div class="bloc_121">
-                <input type="text" placeholder="Votre e-mail">
-                <button>Inscrivez-vous !</button>
-            </div>
-
-            <div class="bloc_122">
-                <input type="checkbox">
-                <p>Envoyez-moi un lien pour télécharger GRATUITEMENT l'appli Booking.com !</p>
-            </div>
+    <div class="bannier_12">
+        <h6>Gagnez du temps et de l'argent !</h6>
+        <div class="subtitle12">Inscrivez-vous et nous vous enverrons les meilleures offres</div>
 
+        <div class="bloc_121">
+            <input type="text" placeholder="Votre e-mail">
+            <button>Inscrivez-vous !</button>
         </div>
 
-        <div class="bannier_13">
-            <button>Ajoutez votre établissement</button>
+        <div class="bloc_122">
+            <input type="checkbox">
+            <p>Envoyez-moi un lien pour télécharger GRATUITEMENT l'appli Booking.com !</p>
+        </div>
 
+    </div>
 
-            <div class="liens_13">
-                <div>
-                    <a href="">Version mobile</a>
-                    <a href="">Votre compte</a>
-                    <a href="">Modification de votre réservation en ligne</a>
-                    <a href="">Contacter le Service Clients</a>
-                    <a href="">Devenir affilié</a>
-                    <a href="">Booking.clone Business</a>
-                </div>
-            </div>
+    <div class="bannier_13">
+        <button>Ajoutez votre établissement</button>
 
 
+        <div class="liens_13">
+            <div>
+                <a href="">Version mobile</a>
+                <a href="">Votre compte</a>
+                <a href="">Modification de votre réservation en ligne</a>
+                <a href="">Contacter le Service Clients</a>
+                <a href="">Devenir affilié</a>
+                <a href="">Booking.clone Business</a>
+            </div>
         </div>
 
-    </main>
+
+    </div>
 
 
     <footer>

style.css

@@ -26,6 +26,7 @@ footer, header, hgroup, menu, nav, section {
 }
 body {
 	line-height: 1;
+    overflow-x: hidden;
 }
 ol, ul {
 	list-style: none;
@@ -345,7 +346,7 @@ input::placeholder {
 
 main {
     padding-top: 30px;
-    width: 100vw;
+    width: 100%;
     max-width: 1140px;
     margin: 0 auto;
     display: flex;
@@ -776,7 +777,6 @@ main {
     flex-direction: column;
     align-items: center;
     width: 100%;
-    max-width: 1140px;
     padding: 0 16px;
     margin-top: 32px;
     position: relative;
@@ -790,9 +790,10 @@ main {
 }
 
 .grid_02 {
-    margin-top: 8px;
+    height: auto;
+    margin-top: 12px;
     width: 100%;
-    padding: 16px;
+    max-width: 1140px;
     display: grid;
     grid-template-rows: 272px 272px;
     grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
@@ -1208,7 +1209,7 @@ main {
     margin-top: 35px;
     position: relative;
     height: auto;
-    margin-bottom: 100px;
+    margin-bottom: 50px;
 }
 
 .bloc_11 h5 {
@@ -1337,6 +1338,7 @@ div.text_abso11 {
     flex-direction: column;
     justify-content: center;
     align-items: center;
+    margin: 0px;
 }
 
 .bannier_12 h6 {
@@ -1402,19 +1404,22 @@ div.text_abso11 {
     min-height: 100px;
     width: 100%;
     background-color: #003580;
+    margin: 0px;
+    display: flex;
+    flex-direction: column;
 }
 
 .bannier_13 button {
     cursor: pointer;
     display: flex;
     height: 28px;
     line-height: 24px;
-    margin: 16px auto;
     padding: 0 16px;
     color: white;
     background-color: transparent;
     border: 1px solid white;
     border-radius: 4px;
+    margin: 15px auto
 }
 
 .liens_13 {
@@ -1615,8 +1620,6 @@ footer p {
         width: 50%;
     }
 
-
-
     .recherche_zone button {
         height: 52px;
         width: 100%;