From 23f9b448b40a7d9dd42b2521e2896ae84bf5734e Mon Sep 17 00:00:00 2001
From: Anthony Mahe <mahe.anthony@gmail.com>
Date: Mon, 19 May 2025 21:18:47 +0200
Subject: [PATCH] TEC : CSS padding

---
 class.css      | 23 +++++------------------
 navigation.css | 17 +++++++++++++++++
 style.css      |  2 +-
 3 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/class.css b/class.css
index a202327..48b3b30 100644
--- a/class.css
+++ b/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;
diff --git a/navigation.css b/navigation.css
index 4153222..1941fc6 100644
--- a/navigation.css
+++ b/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;
diff --git a/style.css b/style.css
index c496422..cd7cf1e 100644
--- a/style.css
+++ b/style.css
@@ -9,7 +9,7 @@ body {
 }
 
 main {
-  padding: 2rem;
+  padding: 0 1rem;
   margin: 0 auto;
 }