TEC : CSS padding

class.css

@@ -1,21 +1,4 @@
 /* Style de la bannière */
-.contact {
-  top: 0;
-  position: fixed;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  row-gap: 10px;
-  column-gap: 0.7rem;
-  justify-content: center; 
-  align-items: center;
-  background-color: #CC4331;
-  padding: 1rem 1rem;
-  color: #F9E7DB;
-  z-index: 100;
-  font-size: 11px;
-}
-
 .banner {
   margin-top: 3rem;
   background-size: contain;
@@ -72,8 +55,12 @@
   align-self: flex-end;
   font-style: italic;
 }
- /* Style pour téléphone portable*/
+
+/* Style pour téléphone portable*/
 @media (max-width: 48em) {
+  .banner {
+    min-height: 40vh;
+  }
 
   .presentation {
     flex-direction: column;

navigation.css

@@ -1,4 +1,21 @@
 /* Style pour le header */
+.contact {
+  top: 0;
+  position: fixed;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 10px;
+  column-gap: 0.7rem;
+  justify-content: center;
+  align-items: center;
+  background-color: #CC4331;
+  padding: 1rem 1rem;
+  color: #F9E7DB;
+  z-index: 100;
+  font-size: 11px;
+}
+
 .header {
     background-color: #F9E7DB;
     position: fixed;

style.css

@@ -9,7 +9,7 @@ body {
 }
 
 main {
-  padding: 2rem;
+  padding: 0 1rem;
   margin: 0 auto;
 }