REFINE Enhancing post-card layout with grid display for thumbnail and improved styling
This commit is contained in:
parent
0441b323c7
commit
5dbe91ab1f
|
|
@ -5,6 +5,18 @@
|
|||
}
|
||||
.card__details {
|
||||
@apply flex flex-col gap-3;
|
||||
|
||||
&:has(.card__thumbnail) {
|
||||
@apply grid gap-6;
|
||||
grid-template-columns: 3fr 1fr;
|
||||
}
|
||||
.card__thumbnail {
|
||||
@apply bg-white border border-solid border-primary p-2;
|
||||
img {
|
||||
aspect-ratio: 4/5;
|
||||
@apply w-full h-auto bg-green-400 object-cover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
time.date {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user