diff --git a/resources/css/components/card-large-content.css b/resources/css/components/card-large-content.css index 82d068f..ea44ee3 100644 --- a/resources/css/components/card-large-content.css +++ b/resources/css/components/card-large-content.css @@ -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; } diff --git a/template-blocks/home/demarches-administratives/demarches-administratives.css b/template-blocks/home/demarches-administratives/demarches-administratives.css index 7082de6..bdab248 100755 --- a/template-blocks/home/demarches-administratives/demarches-administratives.css +++ b/template-blocks/home/demarches-administratives/demarches-administratives.css @@ -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; + } + } } } diff --git a/template-blocks/home/questions-frequentes/questions-frequentes.css b/template-blocks/home/questions-frequentes/questions-frequentes.css index 5001830..6fd1742 100644 --- a/template-blocks/home/questions-frequentes/questions-frequentes.css +++ b/template-blocks/home/questions-frequentes/questions-frequentes.css @@ -1,5 +1,5 @@ #block-questions-frequentes { - @apply py-28; + @apply py-28 px-8; } .questions-frequentes-grid { diff --git a/template-blocks/home/show-thematiques/show-thematiques.css b/template-blocks/home/show-thematiques/show-thematiques.css index 96c7439..3902f27 100755 --- a/template-blocks/home/show-thematiques/show-thematiques.css +++ b/template-blocks/home/show-thematiques/show-thematiques.css @@ -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