Improve about grid layout when there's less content

2026-03-08 16:59:43 -05:00 · 2026-03-08 16:59:43 -05:00 · 2f94d79746
commit 2f94d79746
parent 8fe3e81bde
1 changed files with 4 additions and 1 deletions
--- 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}
            />