responsive adjustements

This commit is contained in:
Antoine M 2024-01-16 14:59:37 +01:00
parent 9664dbcf16
commit 2188820ec2

View File

@ -15,13 +15,16 @@
} }
/* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */ /* POUR TEMPLATE ARCHIVE CONSEILS ET ARCHIVE QUESTIONS */
&__terms-grid { &__terms-grid {
@apply grid grid-cols-4 max-w-screen-md mx-auto gap-4 p-4 pt-8; @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;
.term { .term {
@apply bg-white rounded-3xl px-4 py-6 font-bold leading-4; @apply bg-white rounded-xl md:rounded-3xl px-4 pl-10 md:pl-4 py-4 md:py-6 font-bold leading-4;
}
.term a {
@apply flex md:block gap-4 justify-start items-center;
} }
.term img { .term img {
@apply rounded-lg pb-4 max-w-[80px] mx-auto; @apply rounded-lg md:pb-4 max-w-[40px] md:max-w-[80px] md:mx-auto;
} }
} }
/* POUR PUBLICATIONS */ /* POUR PUBLICATIONS */