diff --git a/resources/css/blocks/chapter-section.css b/resources/css/blocks/chapter-section.css index 9d4c312..472a7a5 100644 --- a/resources/css/blocks/chapter-section.css +++ b/resources/css/blocks/chapter-section.css @@ -5,7 +5,7 @@ color: var(--content-box-text-color); &__inner { - @apply flex flex-col lg:flex-row items-center justify-center gap-8 2xl:gap-12; + @apply flex flex-col lg:flex-row items-center justify-between gap-8 2xl:gap-12; @apply w-full; @apply mx-auto; @apply max-w-screen-2xl; @@ -171,6 +171,13 @@ } } + &--nude { + @media screen and (max-width: 1024px) { + margin-left: calc(50% - 50vw) !important; + margin-right: calc(50% - 50vw) !important; + } + } + > *:not(.chapter-section__background) { z-index: 2; } diff --git a/resources/css/blocks/subscribe-infolettre.css b/resources/css/blocks/subscribe-infolettre.css index b2f53be..958a373 100644 --- a/resources/css/blocks/subscribe-infolettre.css +++ b/resources/css/blocks/subscribe-infolettre.css @@ -1,5 +1,5 @@ .subscribe-infolettre { - @apply relative !text-white lg:px-24 px-4 md:px-12 !mb-32 !mt-32; + @apply relative !text-white !mb-32 !mt-32; z-index: 5; &:after { @@ -9,6 +9,7 @@ } &__inner { @apply max-w-screen-xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-x-12 gap-y-12 2xl:gap-x-32 py-24 xl:py-32 2xl:py-40 items-center relative z-10; + @apply px-8 md:px-10; } h1, h2,