diff --git a/src/layouts/BlogPost.astro b/src/layouts/BlogPost.astro
index e14c4ae..4ca2dfe 100644
--- a/src/layouts/BlogPost.astro
+++ b/src/layouts/BlogPost.astro
@@ -20,6 +20,8 @@ const { post } = Astro.props;
       
       <div class="post-container">
         <header class="post-header">
+          <h1 class="post-title">{post.data.title}</h1>
+          <p class="post-description">{post.data.description}</p>
           <div class="post-meta">
             <time datetime={post.data.pubDate.toISOString()}>
               {post.data.pubDate.toLocaleDateString('en-US', {
@@ -34,8 +36,6 @@ const { post } = Astro.props;
               </span>
             )}
           </div>
-          <h1 class="post-title">{post.data.title}</h1>
-          <p class="post-description">{post.data.description}</p>
           {post.data.tags.length > 0 && (
             <div class="tags">
               {post.data.tags.map((tag) => <span class="tag">#{tag}</span>)}