From 2f94d7974640ff080567741d68c1a203d9c6039a Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Sun, 8 Mar 2026 16:59:43 -0500
Subject: [PATCH] Improve about grid layout when there's less content

---
 src/about/AboutPageClient.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/about/AboutPageClient.tsx b/src/about/AboutPageClient.tsx
index 3f96e87c..b2c20b17 100644
--- a/src/about/AboutPageClient.tsx
+++ b/src/about/AboutPageClient.tsx
@@ -198,7 +198,10 @@ export default function AboutPageClient({
                   </Link>}
             <AnimateItems
               className={clsx(
-                'grid gap-x-2 gap-y-6 grid-cols-2 lg:grid-cols-4',
+                'grid gap-x-2 gap-y-6 grid-cols-2',
+                items.length <= 6
+                  ? 'lg:grid-cols-3'
+                  : 'lg:grid-cols-4',
               )}
               items={items}
             />