responsive adjustements
This commit is contained in:
parent
9664dbcf16
commit
2188820ec2
|
|
@ -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 */
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user