refining responsive

This commit is contained in:
Antoine M 2024-01-18 15:47:47 +01:00
parent d51ace1d9c
commit cc543c1904
6 changed files with 19 additions and 10 deletions

View File

@ -17,7 +17,7 @@
@apply mt-8; @apply mt-8;
} }
.renolution__guide-external-links { .renolution__guide-external-links {
@apply grid grid-cols-2 gap-12 pt-6; @apply grid md:grid-cols-2 gap-12 pt-6;
.question_title { .question_title {
@apply text-black font-bold pt-6 pb-2; @apply text-black font-bold pt-6 pb-2;
} }
@ -37,7 +37,14 @@
} }
&__renolution-illustration-picture { &__renolution-illustration-picture {
@apply ml-auto; @apply pt-8
lg:pt-0
mx-auto
lg:mr-0
lg:ml-auto
max-h-96
md:max-h-[600px]
md:place-self-end;
} }
} }
} }

View File

@ -1,8 +1,8 @@
.homegrade-blocks-chapitrage-thematique { .homegrade-blocks-chapitrage-thematique {
.homegrade-blocks-chapitre-thematique { .homegrade-blocks-chapitre-thematique {
@apply p-0 gap-8 mb-12 @apply p-0 gap-8 mb-12
grid
lg:grid; lg:grid-cols-1;
/* padding-left: 100px; */ /* padding-left: 100px; */
@screen xl { @screen xl {

View File

@ -44,7 +44,7 @@
} }
&--white { &--white {
@apply !py-24 !mt-0 !mb-0; @apply !py-12 md:!py-24 !mt-0 !mb-0;
} }
} }

View File

@ -5,6 +5,6 @@
} }
.cta { .cta {
@apply mx-auto; @apply mx-auto mt-12;
} }
} }

View File

@ -1,15 +1,17 @@
.homegrade-blocks-text-image { .homegrade-blocks-text-image {
@apply grid grid-cols-2 gap-8 !mt-16 mb-12; @apply grid lg:grid-cols-2 gap-8 !mt-16 mb-12;
&__column--image { &__column--image {
img { img {
@apply rounded-3xl; @apply rounded-3xl mb-3;
} }
} }
.homegrade-blocks-custom-heading { .homegrade-blocks-custom-heading {
@apply mt-0; @apply mt-0;
} }
.picture_caption {
@apply text-primary font-bold;
}
& + h1, & + h1,
& + h2, & + h2,
& + h3, & + h3,

View File

@ -6,7 +6,7 @@
} }
} }
.card-large-content { .card-large-content {
@apply bg-white max-w-screen-xl w-full rounded-3xl px-8 lg:px-14 py-16 relative; @apply bg-white max-w-screen-xl w-full rounded-3xl px-8 lg:px-14 py-8 md:py-14 relative;
&--has-illustration { &--has-illustration {
@apply pt-40 mt-16; @apply pt-40 mt-16;
} }