From 150354c301bba7b0a23473336f849b992beee192 Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 17 Mar 2025 15:31:24 +0100
Subject: [PATCH] media querry /ressources

---
 .../dist/assets/css/bundle.css                    | 15 +++++++++++++++
 .../src/assets/scss/pages/ressources.scss         |  9 +++++++++
 2 files changed, 24 insertions(+)

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 2323b05..e9d62e9 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
@@ -4108,12 +4108,27 @@ main {
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
   width: 50%;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
+    width: 100%;
+  }
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
   width: 25%;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
+    width: 50%;
+  }
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
   width: 50%;
 }
+@media (max-width: 810px) {
+  #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
+    width: 100%;
+  }
+}
 #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-Kit-de-communication) {
   width: 100%;
 }
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 b2de714..0008d65 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
@@ -263,12 +263,21 @@
 
                     .views-row:has(.type-podcast){
                         width: 50%;
+                        @media(max-width: 810px){
+                            width: 100%;
+                        }
                     }
                     .views-row:has(.type-documentation){
                         width: 25%;
+                        @media(max-width: 810px){
+                            width: 50%;
+                        }
                     }
                     .views-row:has(.type-vidéo){
                         width: 50%;
+                        @media(max-width: 810px){
+                            width: 100%;
+                        }
                     }
                     .views-row:has(.type-Kit-de-communication){
                         width: 100%;