feat: use masonary style layout

2026-03-06 22:37:47 -06:00
parent fe3899242a
commit 8a7b6b97b7
1 changed files with 6 additions and 2 deletions
--- a/src/components/sections/RecentPostsSection.astro
+++ b/src/components/sections/RecentPostsSection.astro
@@ -23,7 +23,11 @@ const { posts, title, subTitle } = Astro.props;
      </span>
    </div>
  </div>
-  <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
-    {posts.map((b) => <BlogCard post={b} />)}
+  <div class="columns-1 sm:columns-2 lg:columns-3 gap-6">
+    {posts.map((b) => (
+      <div class="break-inside-avoid mb-6">
+        <BlogCard post={b} />
+      </div>
+    ))}
  </div>
 </section>