From 7787f4a042f9ea70456f90979047d8fbb614376a Mon Sep 17 00:00:00 2001
From: Sat Naing <satnaingdev@gmail.com>
Date: Sun, 11 Sep 2022 12:17:24 +0630
Subject: [PATCH] Reposition tags to the bottom of the article

---
 src/pages/posts/[slug].astro | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
index 20b7385..2e80af9 100644
--- a/src/pages/posts/[slug].astro
+++ b/src/pages/posts/[slug].astro
@@ -35,16 +35,17 @@ const { Content, frontmatter } = Astro.props.post;
   <main>
     <h1 class="post-title">{frontmatter.title}</h1>
     <Datetime datetime={frontmatter.datetime} size="lg" className="my-2" />
-    <ul class="tags-container">
-      {frontmatter.tags.map((tag) => <Tag name={tag} />)}
-    </ul>
     <article
       id="article"
       role="article"
-      class="mx-auto max-w-3xl prose prose-slate"
+      class="mx-auto max-w-3xl mt-8 prose prose-slate"
     >
       <Content />
     </article>
+
+    <ul class="tags-container">
+      {frontmatter.tags.map((tag) => <Tag name={tag} />)}
+    </ul>
   </main>
   <Footer />
 </Layout>
@@ -57,6 +58,6 @@ const { Content, frontmatter } = Astro.props.post;
     @apply font-semibold text-2xl text-skin-accent;
   }
   .tags-container {
-    @apply mb-8;
+    @apply my-8;
   }
 </style>