From a0f1a6499f5b82b661cfca5b3d1bc214de6cd0c5 Mon Sep 17 00:00:00 2001
From: fiatcode <fiatcode@posteo.com>
Date: Thu, 22 Jan 2026 15:00:04 +0700
Subject: [PATCH] refactor BlogPost component to use <ul> for tag list

---
 src/components/BlogPost.astro | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
index a0b839c..31dbe5e 100644
--- a/src/components/BlogPost.astro
+++ b/src/components/BlogPost.astro
@@ -37,15 +37,17 @@ const { title, description, date, tags } = Astro.props;
     <slot />
   </div>
 
-  <div class="flex flex-wrap gap-2">
+  <ul class="flex flex-wrap gap-2">
     {
       tags?.map((tag) => (
-        <a href={`/tags/${tag}`}>
-          <span class="text-sm text-zinc-400 font-semibold rounded-md bg-zinc-800 px-2 py-2 hover:bg-zinc-700">
-            #{tag}
-          </span>
-        </a>
+        <li>
+          <a href={`/tags/${tag}`}>
+            <span class="text-sm text-zinc-400 font-semibold rounded-md bg-zinc-800 px-2 py-2 hover:bg-zinc-700">
+              #{tag}
+            </span>
+          </a>
+        </li>
       ))
     }
-  </div>
+  </ul>
 </article>