adjusting responsive
This commit is contained in:
parent
d6788e50e4
commit
554ceabd9a
|
|
@ -1,11 +1,22 @@
|
||||||
.homegrade-blocks-chapitrage-thematique {
|
.homegrade-blocks-chapitrage-thematique {
|
||||||
.homegrade-blocks-chapitre-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 {
|
h3 {
|
||||||
@apply mt-0;
|
@apply mt-0;
|
||||||
}
|
}
|
||||||
&__cover {
|
&__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;
|
aspect-ratio: 1/1;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
@ -13,6 +24,10 @@
|
||||||
max-height: 76%;
|
max-height: 76%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&__content {
|
||||||
|
@apply shrink w-fit;
|
||||||
|
min-width: 300px;
|
||||||
|
}
|
||||||
&__cta {
|
&__cta {
|
||||||
@apply after:absolute
|
@apply after:absolute
|
||||||
after:inset-0
|
after:inset-0
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user