Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RESPONSIVE FIX with has thumbnail variation
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2026-05-21 15:49:07 +02:00
parent 9a0ca6ce59
commit f29191e204
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
resources/css/components/post-card.css
View File

@ -11,7 +11,7 @@
} }
&--has-thumbnail { &--has-thumbnail {
@apply grid gap-10; @apply flex flex-col sm:grid gap-10;
grid-template-columns: 1fr 3fr; grid-template-columns: 1fr 3fr;
} }
&.post-card--has-numerotation.post-card--has-thumbnail { &.post-card--has-numerotation.post-card--has-thumbnail {
@ -21,6 +21,13 @@
&__thumbnail { &__thumbnail {
@apply h-fit relative; @apply h-fit relative;
transition: all 0.3s ease-out; transition: all 0.3s ease-out;
@media (max-width: 599px) {
padding-top: 100px;
background: red !important;
order: 3;
}
img { img {
@apply grayscale; @apply grayscale;
aspect-ratio: 108/137; aspect-ratio: 108/137;