tweak post list

src/components/Post.astro

@@ -4,17 +4,29 @@ interface Props {
     post: CollectionEntry<"blog">;
 }
 const { post } = Astro.props;
+
+// const { remarkPluginFrontmatter } = await post.render();
 ---
 
 <li class="post-container">
-    <div>
+    <div class="grid-span-1">
         <h3>
             <a href={`/blog/${post.slug}`}>
                 {post.data.title}
             </a>
         </h3>
     </div>
 
+    <p class="py-1">
+        {
+            post.data.pubDate.toLocaleDateString("en-uk", {
+                year: "numeric",
+                month: "short",
+                day: "numeric",
+            })
+        }
+    </p>
+
     <p>
         {post.data.summary}
     </p>
@@ -25,6 +37,9 @@ const { post } = Astro.props;
         background-color: white;
         display: grid;
         grid-template-rows: auto auto;
+        grid-template-columns: auto max-content;
+        align-items: top;
+        column-gap: 1rem;
 
         padding: 1rem;
     }