adjusting responsive
This commit is contained in:
parent
d6788e50e4
commit
554ceabd9a
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user