diff --git a/resources/css/components/archive-page-header.css b/resources/css/components/archive-page-header.css index 89dd528..f4a8a0d 100644 --- a/resources/css/components/archive-page-header.css +++ b/resources/css/components/archive-page-header.css @@ -1,6 +1,6 @@ .archive-page-header { @apply bg-primary text-white text-center pb-12 max-w-screen-xl mx-auto - mt-8 rounded-2xl; + mt-16 md:mt-8 rounded-2xl px-2; &__icon { @apply absolute left-1/2 -translate-x-1/2 -translate-y-[75%] w-20 block; } @@ -15,16 +15,23 @@ } /* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */ &__terms-grid { - @apply grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8; + @apply grid sm:grid-cols-2 md:grid-cols-4 max-w-screen-md mx-auto gap-4 p-6 pt-8; .term { - @apply bg-white rounded-xl md:rounded-3xl px-4 pl-10 md:pl-4 py-4 md:py-6 font-bold leading-4; + @apply bg-white rounded-xl md:rounded-3xl p-2 md:p-4 lg:px-4 lg:py-5 font-bold leading-4; + &:before { + content: none; + } } .term a { @apply flex md:block gap-4 justify-start items-center; + text-decoration: none !important; + p { + @apply my-0; + } } .term img { - @apply rounded-lg md:pb-4 max-w-[40px] md:max-w-[80px] md:mx-auto; + @apply rounded-lg md:pb-4 max-w-[50px] md:max-w-[80px] md:mx-auto; } } /* POUR PUBLICATIONS */