responsive /ressources

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;

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:"";