diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css index b00511c..21b3b09 100644 --- a/resources/css/blocks/chapter-section.css +++ b/resources/css/blocks/chapter-section.css @@ -2,7 +2,6 @@ @apply flex items-center justify-between gap-8 2xl:gap-12 !my-0 px-12; @apply xl:py-32 2xl:py-48; @apply max-w-screen-2xl; - @apply mx-auto; h2 { @@ -11,6 +10,7 @@ h3 { @apply subtitle-big; } + &--right { @apply flex-row-reverse; } @@ -21,7 +21,7 @@ /* flex-shrink: 0; */ @apply max-w-3xl; p { - @apply text-neutral-600 max-w-sm; + @apply text-neutral-600 max-w-xl @apply mb-2; } } &__innerblocks { @@ -29,6 +29,7 @@ p { } } + &__cover { @apply object-contain; min-width: 0; @@ -50,8 +51,9 @@ } } &__background { - @apply absolute top-0 left-0 w-full h-full; + @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 h-full; z-index: 1; + width: calc(100% - 30px); &--right { transform: scaleX(-1);