adjusting responsive

This commit is contained in:
Antoine M 2024-01-11 15:11:52 +01:00
parent d6788e50e4
commit 554ceabd9a

View File

@ -1,11 +1,22 @@
.homegrade-blocks-chapitrage-thematique {
.homegrade-blocks-chapitre-thematique {
@apply p-0 gap-8 mb-12;
@apply p-0 gap-8 mb-12
lg:grid;
/* padding-left: 100px; */
@screen xl {
grid-template-columns: 180px 1fr;
}
@screen 2xl {
grid-template-columns: 250px 1fr;
}
h3 {
@apply mt-0;
}
&__cover {
@apply rounded-3xl w-full h-fit bg-white shadowed;
@apply rounded-3xl shrink-0 w-full h-fit bg-white shadowed;
aspect-ratio: 1/1;
img {
@ -13,6 +24,10 @@
max-height: 76%;
}
}
&__content {
@apply shrink w-fit;
min-width: 300px;
}
&__cta {
@apply after:absolute
after:inset-0