From 554ceabd9ab4b6f63dfe402981e92ebc1060c561 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 11 Jan 2024 15:11:52 +0100
Subject: [PATCH] adjusting responsive

---
 .../css/blocks/chapitrage-thematique.css      | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/resources/css/blocks/chapitrage-thematique.css b/resources/css/blocks/chapitrage-thematique.css
index f90b888..3e110fe 100644
--- a/resources/css/blocks/chapitrage-thematique.css
+++ b/resources/css/blocks/chapitrage-thematique.css
@@ -1,11 +1,22 @@
 .homegrade-blocks-chapitrage-thematique {
   .homegrade-blocks-chapitre-thematique {
-    @apply p-0 gap-8 mb-12;
+    @apply p-0 gap-8 mb-12 
+
+    lg:grid;
+    /* padding-left: 100px; */
+
+    @screen xl {
+      grid-template-columns: 180px 1fr;
+    }
+    @screen 2xl {
+      grid-template-columns: 250px 1fr;
+    }
+
     h3 {
       @apply mt-0;
     }
     &__cover {
-      @apply rounded-3xl w-full h-fit bg-white shadowed;
+      @apply rounded-3xl shrink-0  w-full h-fit bg-white shadowed;
       aspect-ratio: 1/1;
 
       img {
@@ -13,6 +24,10 @@
         max-height: 76%;
       }
     }
+    &__content {
+      @apply shrink w-fit;
+      min-width: 300px;
+    }
     &__cta {
       @apply after:absolute 
 			after:inset-0