From b1d0f5c6362ee4f2197201f5b88be946f80792ad Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 4 Sep 2025 18:19:19 +0200
Subject: [PATCH] RESPONSIVE FIX columns

---
 resources/css/blocks/narrative-card.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/resources/css/blocks/narrative-card.css b/resources/css/blocks/narrative-card.css
index 502435f..d5ce8b3 100644
--- a/resources/css/blocks/narrative-card.css
+++ b/resources/css/blocks/narrative-card.css
@@ -30,8 +30,11 @@
   }
 
   &--has-cover {
-    @apply grid grid-cols-2 gap-24 items-center;
-    grid-template-columns: 3.5fr 1fr;
+    @apply grid lg:grid-cols-2 gap-12 lg:gap-24 gap-y-8 items-center;
+    grid-template-columns: 1fr;
+    @screen lg {
+      grid-template-columns: 3.5fr 1fr;
+    }
 
     &--left {
       grid-template-columns: 1fr 3.5fr;