responsive finetuning

resources/css/blocks/plus-loin.css

@@ -1,5 +1,5 @@
 .homegrade-blocks-plus-loin {
-  @apply bg-primary p-12 rounding-radius my-8;
+  @apply bg-primary p-8 xl:p-12 rounding-radius my-8;
   &__block-title {
     @apply !mt-0 !text-4xl !font-bold;
   }
@@ -23,6 +23,6 @@
     @apply !text-white;
   }
   .homegrade-blocks-custom-heading + ul {
-    @apply pl-12;
+    @apply pl-2 xl:pl-12;
   }
 }

resources/css/blocks/timeline.css

@@ -7,6 +7,8 @@
     @apply relative;
   }
   &__lateral-cover {
+    @apply hidden lg:block;
+
     img {
       @apply rounded-3xl mb-3;
     }
@@ -45,7 +47,7 @@
       @apply grid grid-cols-3 gap-12;
     }
     .homegrade-blocks-timeline__innercontent {
-      @apply col-span-2;
+      @apply col-span-3 lg:col-span-2;
     }
     .homegrade-blocks-timeline-step {
       @apply !block;
@@ -62,8 +64,16 @@
         z-index: -1;
         content: '';
         top: 0;
-        left: calc(33% + 54px);
-        width: 34px;
+        width: 20px;
+        left: 24px;
+        @screen md {
+          width: 28px;
+          left: 38px;
+        }
+        @screen lg {
+          width: 34px;
+          left: calc(33% + 54px);
+        }
       }
     }
   }
@@ -93,7 +103,7 @@
       }
     }
     &__icon {
-      @apply w-24 h-24 shrink-0 bg-white shadowed p-4 rounded-3xl flex justify-center items-center;
+      @apply w-16 h-16 md:w-24 md:h-24 shrink-0 bg-white shadowed p-4 rounded-3xl flex justify-center items-center;
 
       img {
         @apply mx-auto object-contain;
@@ -101,6 +111,9 @@
         max-height: 80%;
       }
     }
+    &__text-content {
+      @apply pt-2;
+    }
     &__content {
       @apply col-span-2 flex gap-8;
       &--has-step-icon {
@@ -114,7 +127,7 @@
     }
 
     &__title {
-      @apply text-secondary font-bold text-xl m-0;
+      @apply text-secondary font-bold text-xl m-0 leading-none;
     }
     &__subtitle {
       @apply text-neutral-900 font-bold text-2xl;

resources/css/editor-content/gutenberg.css

@@ -95,7 +95,7 @@ article > *:not(.entry-content, .chapter-header-block),
   }
 
   h2 {
-    @apply text-xl mt-16 mb-8 font-bold;
+    @apply lg:text-xl mt-16 mb-8 font-bold;
   }
 
   h3 {