diff --git a/resources/css/components/post-card.css b/resources/css/components/post-card.css index 1cfdd35..79396d2 100644 --- a/resources/css/components/post-card.css +++ b/resources/css/components/post-card.css @@ -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;