Adaptations responsive

This commit is contained in:
Antoine M 2023-11-28 10:02:47 +01:00
parent 52784864e9
commit abc7a182a8
4 changed files with 13 additions and 6 deletions

View File

@ -1,11 +1,11 @@
.card-large-content-container { .card-large-content-container {
@apply bg-gray py-16 flex flex-col items-center lg:px-12; @apply bg-gray py-16 flex flex-col items-center px-4;
&--has-illustration { &--has-illustration {
@apply pt-48; @apply pt-48;
} }
} }
.card-large-content { .card-large-content {
@apply bg-white max-w-screen-xl w-full rounded-3xl p-16 relative; @apply bg-white max-w-screen-xl w-full rounded-3xl px-8 lg:px-14 py-16 relative;
&--has-illustration { &--has-illustration {
@apply pt-40; @apply pt-40;
} }

View File

@ -12,6 +12,13 @@
.card-large-content__links-container { .card-large-content__links-container {
@apply grid-cols-1 @apply grid-cols-1
md:grid-cols-2 md:grid-cols-2
lg:grid-cols-4; lg:grid-cols-4
gap-x-12;
.card-large-content__link {
/* @apply flex flex-col; */
.cta {
@apply self-end px-6 w-full text-center md:w-fit;
}
}
} }
} }

View File

@ -1,5 +1,5 @@
#block-questions-frequentes { #block-questions-frequentes {
@apply py-28; @apply py-28 px-8;
} }
.questions-frequentes-grid { .questions-frequentes-grid {

View File

@ -1,5 +1,5 @@
.swiper-content { .swiper-content {
@apply px-24 relative max-w-screen-2xl mx-auto; @apply lg:px-24 relative max-w-screen-2xl mx-auto;
/* @apply bg-fuchsia-100; */ /* @apply bg-fuchsia-100; */
} }
.swiper-container { .swiper-container {
@ -67,7 +67,7 @@
object-fit: cover; object-fit: cover;
} */ } */
.section-show-thematiques { .section-show-thematiques {
@apply pt-8 pb-8 px-16; @apply pt-8 pb-8 px-8 md:px-16;
.thematiques-container { .thematiques-container {
@apply grid @apply grid
grid-cols-3 grid-cols-3