From d28ee0086672274671a38ae0a52140813580e047 Mon Sep 17 00:00:00 2001
From: Chuck Dries <chuck@chuckdries.com>
Date: Thu, 17 Nov 2022 19:34:07 -0800
Subject: [PATCH] fix SSR gallery

---
 src/components/MasonryGallery.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/MasonryGallery.tsx b/src/components/MasonryGallery.tsx
index bb43613..57e56ee 100644
--- a/src/components/MasonryGallery.tsx
+++ b/src/components/MasonryGallery.tsx
@@ -51,9 +51,7 @@ const MasonryGallery = ({
 
   // const breakpoint = currentBreakpoint.length ? currentBreakpoint : "xs";
   console.log("🚀 ~ file: MasonryGallery.tsx ~ line 51 ~ breakpoint", breakpoint)
-  const galleryWidth = `calc(100vw - ${
-    breakpoint === "xs" || breakpoint === "sm" ? "32" : "160"
-  }px)`;
+  const galleryWidth = `calc(100vw - ${ breakpoint === "xs" || breakpoint === "sm" ? "32" : "160" }px)`;
   console.log("🚀 ~ file: MasonryGallery.tsx ~ line 55 ~ galleryWidth", galleryWidth)
 
   const aspectRatios = React.useMemo(
@@ -110,7 +108,7 @@ const MasonryGallery = ({
     <div
       className={classNames(
         "flex items-center flex-wrap mx-auto px-4 md:px-8",
-        isClient ? "" : "max-w-[320px]"
+        isClient ? "" : ""
       )}
       // ref={observe}
       style={{