From 8a7b6b97b79a1eafc525bd25e0132af0d36a551b Mon Sep 17 00:00:00 2001
From: Alex Lebens <alexanderlebens@gmail.com>
Date: Fri, 6 Mar 2026 22:37:47 -0600
Subject: [PATCH] feat: use masonary style layout

---
 src/components/sections/RecentPostsSection.astro | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/RecentPostsSection.astro b/src/components/sections/RecentPostsSection.astro
index 112bb48..5c0aa82 100644
--- 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>