blog post list

2026-05-26 13:05:25 +00:00 · 2024-11-26 09:19:24 +01:00
parent 40cbf9b82e
commit 44efa2047a
7 changed files with 468 additions and 87 deletions
@@ -9,29 +9,24 @@ export type Props = {
 const { posts } = Astro.props
 ---

-<section>
-  <ul>
-    {
-      posts.map((post) => (
-        <li>
-          <a href={`/blog/${post.slug}`}>
-            <PostPreview {post} />
-          </a>
-        </li>
-      ))
-    }
-  </ul>
-</section>
+<ul>
+  {
+    posts.map((post) => (
+      <li>
+        <a href={`/blog/${post.slug}`}>
+          <PostPreview {post} />
+        </a>
+      </li>
+    ))
+  }
+</ul>

 <style>
-  section {
-    padding: 3rem;
-  }
-
  ul {
    max-width: 40rem;
    display: flex;
    flex-direction: column;
-    gap: 4rem;
+    gap: 6rem;
+    list-style: none;
  }
 </style>