diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css index 6176e30..9d4c312 100644 --- a/resources/css/blocks/chapter-section.css +++ b/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; + } +}