From 2e5154a6e8e9ece7033f4e19424b86b9f6bb0a9f Mon Sep 17 00:00:00 2001
From: faweizhao26 <faweizhao26@gmail.com>
Date: Wed, 4 Feb 2026 23:43:46 +0800
Subject: [PATCH] fix the blog display issue on mobile devices

Signed-off-by: faweizhao26 <faweizhao26@gmail.com>
---
 src/css/custom.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/css/custom.css b/src/css/custom.css
index 08ea47c..2efb002 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -138,4 +138,32 @@
   color: #ccc;
   border-color: #f3f4f6;
   background: #fafafa;
+}
+
+@media (max-width: 768px) {
+  .custom-horizontal-card {
+    flex-direction: column !important;
+    height: auto !important;
+  }
+
+  .card-left-img {
+    flex: 0 0 auto !important;
+    width: 100% !important;
+    border-right: none !important;
+    border-bottom: 1px solid #eee;
+    height: 200px;
+  }
+
+  .card-right-content {
+    padding: 16px !important;
+  }
+
+  .post-item-title {
+    font-size: 1.2rem !important;
+    margin-bottom: 8px !important;
+  }
+
+  .post-item-tags {
+    margin-top: 12px;
+  }
 }
\ No newline at end of file