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 {
@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 {
@apply pt-48;
}
}
.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 {
@apply pt-40;
}

View File

@ -12,6 +12,13 @@
.card-large-content__links-container {
@apply grid-cols-1
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 {
@apply py-28;
@apply py-28 px-8;
}
.questions-frequentes-grid {

View File

@ -1,5 +1,5 @@
.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; */
}
.swiper-container {
@ -67,7 +67,7 @@
object-fit: cover;
} */
.section-show-thematiques {
@apply pt-8 pb-8 px-16;
@apply pt-8 pb-8 px-8 md:px-16;
.thematiques-container {
@apply grid
grid-cols-3