From b9fa5aa2eb36d6ec239f413e0818d113b00f56a3 Mon Sep 17 00:00:00 2001
From: Vincent Ramiere <vincent.ramiere1@gmail.com>
Date: Fri, 11 Mar 2022 14:38:21 +0100
Subject: [PATCH] footer responsive

---
 src/app/footer/footer.component.html | 16 +++++++---------
 src/app/footer/footer.component.scss | 28 +++++++++++++++++++++++++---
 2 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index 6a2dcd8..9b84097 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -1,14 +1,12 @@
 <footer class="d-flex">
-
-  <div class = "logo d-inline-flex align-items-center">
-      <img src="../../assets/Logo_footer.png">
+  <div class="logo d-inline-flex align-items-center">
+    <img src="../../assets/Logo_footer.png" />
   </div>
 
   <div class="liens d-flex justify-content-end align-items-center">
-      <h5>Aide</h5>
-      <h5>Contact</h5>
-      <h5 routerLink="/admin">Administrateurs</h5>
-      <h5>Mentions legales</h5>
+    <h5>Aide</h5>
+    <h5>Contact</h5>
+    <h5 routerLink="/admin">Administrateurs</h5>
+    <h5>Mentions legales</h5>
   </div>
-
-  </footer>
+</footer>
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
index 6665911..6a489fd 100644
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -1,8 +1,7 @@
 footer {
   width: 100%;
-  height: 113px;
+  height: 80px;
   background-color: #CE0000;
-  margin-top: 4em;
 }
 
 .liens{
@@ -10,8 +9,31 @@ footer {
 }
 
 h5{
-  padding-right: 4em;
+  padding-left: 2em;
   color: white;
   // font-weight: lighter;
   cursor: pointer;
 }
+
+
+@media only screen and (max-width:1131px) {
+
+  // footer{
+  //   display: ineline-flex;
+  //   justify-content: center;
+  // }
+
+  img{
+    display: none;
+  }
+
+  .liens{
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  // h5{
+  //   display: flex;
+  //   flex-wrap: wrap-reverse;
+  // }
+}