From d35a3a314088770a1af19b6d19398643195ae830 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Fri, 28 Mar 2025 16:30:41 +0100
Subject: [PATCH] responsive /ressources

---
 .../dist/assets/css/bundle.css                | 21 +++++++++++++------
 .../src/assets/scss/pages/actualites.scss     |  5 -----
 .../src/assets/scss/pages/ressources.scss     | 16 ++++++++++++--
 3 files changed, 29 insertions(+), 13 deletions(-)

diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
index 4c9f05b..30d8e0c 100644
--- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
+++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css
@@ -4042,6 +4042,12 @@ main {
 #ressources {
   background-color: #f6f7f3;
 }
+@media (max-width: 810px) {
+  #ressources main {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+}
 #ressources .layout-content .content_container {
   display: flex;
   flex-direction: column;
@@ -4056,7 +4062,9 @@ main {
 }
 @media (max-width: 810px) {
   #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage {
-    margin-top: 14rem;
+    display: flex;
+    margin: auto;
+    margin-top: 10rem;
   }
 }
 #ressources .layout-content .content_container #block-quartiers-de-demain-titredepage h1 {
@@ -4071,6 +4079,12 @@ main {
   margin-left: 15%;
   width: 60%;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container {
+    margin-left: 0%;
+    width: 90%;
+  }
+}
 #ressources .layout-content .content_container .views-element-container h3 {
   text-align: center;
 }
@@ -4319,11 +4333,6 @@ main {
     flex-direction: column-reverse;
   }
 }
-@media (max-width: 810px) {
-  #actualites main aside {
-    position: relative;
-  }
-}
 #actualites .layout-container main {
   padding-top: 250px;
 }
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
index f58953d..7509608 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
@@ -9,11 +9,6 @@
             display: flex;
             flex-direction: column-reverse;
         }
-        aside{
-            @media(max-width: 810px){
-                position: relative;
-            } 
-        }
     }
     .layout-container main{
         padding-top: $header-height-big;
diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
index acff924..39b4ae0 100644
--- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
+++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss
@@ -2,9 +2,15 @@
 #ressources{
     background-color: #f6f7f3;
 
-
+    main{
+        @media(max-width: 810px){
+            display: flex;
+            flex-direction: column-reverse;
+        }
+    }
     .layout-content{
         // padding-top: 1rem;
+
         .content_container{
             display: flex;
             flex-direction: column;
@@ -17,7 +23,9 @@
                 margin-bottom: 1rem;
                 width: 70%;
                 @media(max-width: 810px){
-                    margin-top: 14rem;
+                    display: flex;
+                    margin:auto;
+                    margin-top: 10rem;
                 }
                 h1{
                     width: fit-content;
@@ -33,6 +41,10 @@
             .views-element-container{
                 margin-left: 15%;
                 width: 60%;
+                @media(max-width: 810px){
+                    margin-left: 0%;
+                    width: 90%;
+                } 
                 h3{
                     &::before{
                         content:"";