From ed00366bc494b8f8a7ef80916006c32e64f2d67f Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 4 Mar 2024 11:34:58 +0100
Subject: [PATCH] mediq queries footer

---
 .../css/quartiers_de_demain.css                   | 15 ++++++++++++---
 .../scss/partials/_footer.scss                    | 15 ++++++++++++---
 .../scss/partials/_header.scss                    |  6 +++---
 3 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
index a8c6209..7920157 100644
--- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
+++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css
@@ -166,7 +166,7 @@ header {
   @media (max-width: 660px) {
     header {
       height: 70px; } }
-  @media (max-width: 660px) {
+  @media (max-width: 450px) {
     header {
       display: flex;
       height: 50px; } }
@@ -203,7 +203,7 @@ header {
       @media (max-width: 660px) {
         header .header_left_container img {
           height: 70px; } }
-      @media (max-width: 660px) {
+      @media (max-width: 450px) {
         header .header_left_container img {
           height: 50px; } }
   header .header_right_container {
@@ -262,7 +262,7 @@ header {
     display: grid;
     align-items: center;
     margin: auto; }
-    @media (max-width: 660px) {
+    @media (max-width: 450px) {
       header .open-block {
         height: 50px; } }
     header .open-block span {
@@ -299,6 +299,9 @@ header {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between; } }
+  @media (max-width: 600px) {
+    .footer {
+      flex-wrap: nowrap; } }
   .footer #footer-left {
     grid-column: 1 /span 5;
     grid-row: 1;
@@ -317,6 +320,12 @@ header {
         @media (max-width: 891px) {
           .footer #footer-left .footer_left_container img {
             height: 110px; } }
+        @media (max-width: 660px) {
+          .footer #footer-left .footer_left_container img {
+            height: 70px; } }
+        @media (max-width: 450px) {
+          .footer #footer-left .footer_left_container img {
+            height: 50px; } }
   .footer #footer-middle {
     grid-column: 6 /span 7;
     grid-row: 1; }
diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
index b89273a..ef3babc 100644
--- a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
@@ -8,9 +8,12 @@
     h2, ul{margin: 0;}
     border-top: 1px solid #808080;
     @media(max-width: 891px){
-     display: flex;
-     flex-wrap: wrap;
-    justify-content: space-between;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+    }
+    @media(max-width: 600px){
+        flex-wrap: nowrap;
     }
 
     
@@ -36,6 +39,12 @@
                 @media(max-width: 891px){
                     height: $header-height-pad;
                 }
+                @media(max-width: 660px){
+                    height: $header-height-small;
+                }
+                @media(max-width: 450px){
+                    height: $header-height-ultrasmall;
+                }
             }
         }
  
diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
index 3bed516..ccc953b 100644
--- a/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
+++ b/web/themes/custom/quartiers_de_demain/scss/partials/_header.scss
@@ -20,7 +20,7 @@ header{
     @media(max-width: 660px){
         height: $header-height-small;
     }
-    @media(max-width: 660px){
+    @media(max-width: 450px){
         display: flex;
         height: $header-height-ultrasmall;
     }
@@ -64,7 +64,7 @@ header{
             @media(max-width: 660px){
                 height: $header-height-small;
             }
-            @media(max-width: 660px){
+            @media(max-width: 450px){
                 height: $header-height-ultrasmall;
             }
          }
@@ -149,7 +149,7 @@ header{
         display: grid;
         align-items: center;
         margin: auto;
-        @media(max-width: 660px){
+        @media(max-width: 450px){
             height: $header-height-ultrasmall;
         }
         span{