FIX Refining block aspect with the nativ support of alignments

resources/css/blocks/chapter-section.css

@@ -1,15 +1,15 @@
 .chapter-section {
   @apply relative  !my-16;
-  @apply py-16 md:py-32 xl:py-32 2xl:py-48 px-8 md:px-10;
+  @apply py-16 md:py-32 xl:py-32  px-8 md:px-10;
   @apply mx-auto;
   color: var(--content-box-text-color);
-  min-height: 60vh;
 
   &__inner {
-    @apply flex flex-col lg:flex-row  items-center justify-between gap-8  2xl:gap-12;
+    @apply flex flex-col lg:flex-row  items-center justify-center gap-8  2xl:gap-12;
     @apply w-full;
     @apply mx-auto;
     @apply max-w-screen-2xl;
+    /* min-height: 50vh; */
   }
 
   &:first-child {
@@ -24,6 +24,9 @@
   }
   &--right {
     @apply flex-row-reverse;
+    .chapter-section__inner {
+      @apply flex-row-reverse;
+    }
   }
   &--has-background {
     @apply relative py-12 xl:py-24 !mb-12;
@@ -196,3 +199,10 @@
   @apply !mt-0 !pt-16 !pb-16;
   min-height: 30vh;
 }
+
+.site-content > .chapter-section:first-child {
+  @apply pt-24;
+  .chapter-section__inner {
+    @apply justify-between;
+  }
+}

resources/css/blocks/dbmob-archives.css

@@ -28,7 +28,7 @@
   }
 
   .dbmob-grid {
-    @apply grid grid-cols-1 md:grid-cols-2  gap-4 py-6;
+    @apply grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 md:gap-y-6 py-6;
   }
 
   .load-more-button {