refining responsive

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;
     }
   }
 }

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 {

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;
   }
 }
 

resources/css/blocks/questions-frequentes.css

@@ -5,6 +5,6 @@
   }
 
   .cta {
-    @apply mx-auto;
+    @apply mx-auto mt-12;
   }
 }

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,

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;
   }