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 */
&__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 {
@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 {
@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 */