Adaptations responsive
This commit is contained in:
parent
52784864e9
commit
abc7a182a8
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
#block-questions-frequentes {
|
#block-questions-frequentes {
|
||||||
@apply py-28;
|
@apply py-28 px-8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.questions-frequentes-grid {
|
.questions-frequentes-grid {
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user