RESPONSIVE FIX with has thumbnail variation
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
9a0ca6ce59
commit
f29191e204
|
|
@ -11,7 +11,7 @@
|
|||
}
|
||||
|
||||
&--has-thumbnail {
|
||||
@apply grid gap-10;
|
||||
@apply flex flex-col sm:grid gap-10;
|
||||
grid-template-columns: 1fr 3fr;
|
||||
}
|
||||
&.post-card--has-numerotation.post-card--has-thumbnail {
|
||||
|
|
@ -21,6 +21,13 @@
|
|||
&__thumbnail {
|
||||
@apply h-fit relative;
|
||||
transition: all 0.3s ease-out;
|
||||
|
||||
@media (max-width: 599px) {
|
||||
padding-top: 100px;
|
||||
background: red !important;
|
||||
order: 3;
|
||||
}
|
||||
|
||||
img {
|
||||
@apply grayscale;
|
||||
aspect-ratio: 108/137;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user