From 74b74b52ab10ef52c19caf326f08a56b3e2f31c6 Mon Sep 17 00:00:00 2001
From: kushbansal4974 <bkush535@gmail.com>
Date: Mon, 12 Jan 2026 20:42:26 +0530
Subject: [PATCH] Solved issue #712 - UI issue solved

---
 blog.css | 11 +++++++++++
 blog.js  |  1 -
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/blog.css b/blog.css
index 220789c2..4b96213a 100644
--- a/blog.css
+++ b/blog.css
@@ -233,6 +233,7 @@
   display: flex;
   flex-direction: column;
   height:100%;
+  justify-content: space-between;
 }
 
 .card-description {
@@ -241,6 +242,16 @@
     margin-bottom: 1.5rem;
 }
 
+.card-footer {
+    display: flex;
+    flex-direction: column;
+    gap: 22px;
+}
+
+.card-date {
+    color: #333;
+    font-size: 13px;
+}
 
 .read-more-btn {
     background: linear-gradient(45deg, #4CAF50, #45a049);
diff --git a/blog.js b/blog.js
index 532bd5a8..caff3615 100644
--- a/blog.js
+++ b/blog.js
@@ -423,7 +423,6 @@ function displayPosts() {
         let card2 = array[1]; // second card
         let cardcontent = card2.children[2]; // card content of second card
         let cardmeta = cardcontent.querySelector(".card-meta");
-        cardmeta.style.transform = "translateY(20px)";
         let btn = cardcontent.children[4]; // read more button of second card
         btn.style.transform = "translateY(20px)";