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