From 85938dcd54e13371b6953bb1381f33b2f7d90de7 Mon Sep 17 00:00:00 2001
From: Samantha Kellow <sammii.h@icloud.com>
Date: Sun, 20 Aug 2023 20:37:09 +0100
Subject: [PATCH] =?UTF-8?q?sorting=20out=20the=20three=20item=20grid,=20to?=
 =?UTF-8?q?=20not=20be=20three=20items=20anymore=20=F0=9F=98=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/grid/three-items.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/components/grid/three-items.tsx b/components/grid/three-items.tsx
index a03520348..0f072172d 100644
--- a/components/grid/three-items.tsx
+++ b/components/grid/three-items.tsx
@@ -33,15 +33,13 @@ export async function ThreeItemGrid() {
     collection: 'hidden-homepage-featured-items'
   });
 
-  // if (!homepageItems[0] || !homepageItems[1] || !homepageItems[2]) return null;
-
-  const [firstProduct, secondProduct, thirdProduct] = homepageItems;
-
   return (
-    <section className="mx-auto grid max-w-screen-2xl gap-4 px-4 pb-4 lg:grid-cols-6 lg:grid-rows-6">
-      {firstProduct && <ThreeItemGridItem size="half" item={firstProduct} />}
-      {secondProduct && <ThreeItemGridItem size="half" item={secondProduct} />}
-      {thirdProduct && <ThreeItemGridItem size="half" item={thirdProduct} />}
-    </section>
+    <>
+      <section className="mx-auto grid max-w-screen-2xl gap-4 px-4 pb-4 lg:grid-cols-6 lg:grid-rows-6 mt-6">
+        {homepageItems.map(item => (
+          <ThreeItemGridItem size="half" item={item} />
+        ))}
+      </section>
+    </>
   );
 }