From 2cac722284ac1a44110f4f234295c9a018ba2453 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 6 Dec 2023 14:26:02 -0600
Subject: [PATCH] Increase grid density for aspect ratios 1 or lower

---
 src/photo/PhotoGrid.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/photo/PhotoGrid.tsx b/src/photo/PhotoGrid.tsx
index 79e5bcf0..0a12117d 100644
--- a/src/photo/PhotoGrid.tsx
+++ b/src/photo/PhotoGrid.tsx
@@ -7,6 +7,8 @@ import MorePhotos from '@/photo/MorePhotos';
 import { FilmSimulation } from '@/simulation';
 import { GRID_ASPECT_RATIO } from '@/site/config';
 
+const HIGH_DENSITY = GRID_ASPECT_RATIO <= 1;
+
 export default function PhotoGrid({
   photos,
   selectedPhoto,
@@ -41,7 +43,9 @@ export default function PhotoGrid({
           'grid gap-1',
           small
             ? 'grid-cols-3 xs:grid-cols-6'
-            : 'grid-cols-2 sm:grid-cols-4 md:grid-cols-3 lg:grid-cols-4',
+            : HIGH_DENSITY
+              ? 'grid-cols-2 xs:grid-cols-4 lg:grid-cols-5'
+              : 'grid-cols-2 sm:grid-cols-4 md:grid-cols-3 lg:grid-cols-4',
           'items-center',
         )}
         type={animate === false ? 'none' : undefined}