From 5dbe91ab1f4bafd21f20dc0ba05eb93f4fee8f75 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Tue, 17 Feb 2026 16:22:00 +0100
Subject: [PATCH] REFINE Enhancing post-card layout with grid display for
 thumbnail and improved styling

---
 resources/css/components/post-card.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/resources/css/components/post-card.css b/resources/css/components/post-card.css
index dc26fdc..4f3064b 100644
--- a/resources/css/components/post-card.css
+++ b/resources/css/components/post-card.css
@@ -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 {