diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index 5eaf7f2..6c63e0f 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -3,6 +3,8 @@ import { getCollection } from "astro:content";
 import Base from "/components/Base.astro";
 import { render } from "astro:content";
 
+import "/components/markdown.css";
+
 export async function getStaticPaths() {
   return await Promise.all(
     await getCollection("blog").then((posts) =>
@@ -32,14 +34,18 @@ const { Content } = await render(post);
     image: banner,
   }}
 >
-  <img src={banner} alt="" />
-  <h1>{post.data.title}</h1>
-  <time
-    datetime={`${post.data.pub.getFullYear()}-${post.data.pub.getMonth()}-${post.data.pub.getDate()}`}
-    >{post.data.pub.getDate()}-{post.data.pub.getMonth()}-{
-      post.data.pub.getFullYear()
-    }</time
-  >
+  <header>
+    <img src={banner} alt="" />
+    <h1>{post.data.title}</h1>
+    <time
+      datetime={`${post.data.pub.getFullYear()}-${post.data.pub.getMonth()}-${post.data.pub.getDate()}`}
+      >{post.data.pub.getDate()}-{post.data.pub.getMonth()}-{
+        post.data.pub.getFullYear()
+      }</time
+    >
+  </header>
 
-  <Content />
+  <article>
+    <Content />
+  </article>
 </Base>