From cc543c19040e83d95cf02eb7ca6959e9b5dffead Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 18 Jan 2024 15:47:47 +0100
Subject: [PATCH] refining responsive

---
 resources/css/blocks/aides-financieres.css      | 11 +++++++++--
 resources/css/blocks/chapitrage-thematique.css  |  4 ++--
 resources/css/blocks/content-box.css            |  2 +-
 resources/css/blocks/questions-frequentes.css   |  2 +-
 resources/css/blocks/texte-image.css            |  8 +++++---
 resources/css/components/card-large-content.css |  2 +-
 6 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/resources/css/blocks/aides-financieres.css b/resources/css/blocks/aides-financieres.css
index bff3564..ea0ab67 100755
--- a/resources/css/blocks/aides-financieres.css
+++ b/resources/css/blocks/aides-financieres.css
@@ -17,7 +17,7 @@
         @apply mt-8;
       }
       .renolution__guide-external-links {
-        @apply grid grid-cols-2 gap-12 pt-6;
+        @apply grid md:grid-cols-2 gap-12 pt-6;
         .question_title {
           @apply text-black font-bold pt-6 pb-2;
         }
@@ -37,7 +37,14 @@
     }
 
     &__renolution-illustration-picture {
-      @apply ml-auto;
+      @apply pt-8 
+      lg:pt-0 
+      mx-auto 
+      lg:mr-0 
+      lg:ml-auto 
+      max-h-96
+      md:max-h-[600px]
+      md:place-self-end;
     }
   }
 }
diff --git a/resources/css/blocks/chapitrage-thematique.css b/resources/css/blocks/chapitrage-thematique.css
index 3e110fe..b56aa1a 100644
--- a/resources/css/blocks/chapitrage-thematique.css
+++ b/resources/css/blocks/chapitrage-thematique.css
@@ -1,8 +1,8 @@
 .homegrade-blocks-chapitrage-thematique {
   .homegrade-blocks-chapitre-thematique {
     @apply p-0 gap-8 mb-12 
-
-    lg:grid;
+    grid
+    lg:grid-cols-1;
     /* padding-left: 100px; */
 
     @screen xl {
diff --git a/resources/css/blocks/content-box.css b/resources/css/blocks/content-box.css
index b1e1a81..49ba48a 100644
--- a/resources/css/blocks/content-box.css
+++ b/resources/css/blocks/content-box.css
@@ -44,7 +44,7 @@
   }
 
   &--white {
-    @apply !py-24  !mt-0 !mb-0;
+    @apply !py-12 md:!py-24  !mt-0 !mb-0;
   }
 }
 
diff --git a/resources/css/blocks/questions-frequentes.css b/resources/css/blocks/questions-frequentes.css
index e8678f8..9ea62f5 100644
--- a/resources/css/blocks/questions-frequentes.css
+++ b/resources/css/blocks/questions-frequentes.css
@@ -5,6 +5,6 @@
   }
 
   .cta {
-    @apply mx-auto;
+    @apply mx-auto mt-12;
   }
 }
diff --git a/resources/css/blocks/texte-image.css b/resources/css/blocks/texte-image.css
index 9f99763..20217cf 100644
--- a/resources/css/blocks/texte-image.css
+++ b/resources/css/blocks/texte-image.css
@@ -1,15 +1,17 @@
 .homegrade-blocks-text-image {
-  @apply grid grid-cols-2 gap-8 !mt-16 mb-12;
+  @apply grid lg:grid-cols-2 gap-8 !mt-16 mb-12;
 
   &__column--image {
     img {
-      @apply rounded-3xl;
+      @apply rounded-3xl mb-3;
     }
   }
   .homegrade-blocks-custom-heading {
     @apply mt-0;
   }
-
+  .picture_caption {
+    @apply text-primary font-bold;
+  }
   & + h1,
   & + h2,
   & + h3,
diff --git a/resources/css/components/card-large-content.css b/resources/css/components/card-large-content.css
index 93eec90..db2f6ee 100644
--- a/resources/css/components/card-large-content.css
+++ b/resources/css/components/card-large-content.css
@@ -6,7 +6,7 @@
   }
 }
 .card-large-content {
-  @apply bg-white max-w-screen-xl w-full  rounded-3xl px-8 lg:px-14 py-16 relative;
+  @apply bg-white max-w-screen-xl w-full  rounded-3xl px-8 lg:px-14 py-8 md:py-14  relative;
   &--has-illustration {
     @apply pt-40 mt-16;
   }