From 442ff5394a96e5b942701cd14c78f6d9c1160a53 Mon Sep 17 00:00:00 2001
From: Michael Novotny <manovotny@gmail.com>
Date: Mon, 24 Jul 2023 21:26:29 -0500
Subject: [PATCH] Fixes first related product larger than the others

---
 app/product/[handle]/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/product/[handle]/page.tsx b/app/product/[handle]/page.tsx
index 828973071a..63b205c924 100644
--- a/app/product/[handle]/page.tsx
+++ b/app/product/[handle]/page.tsx
@@ -114,13 +114,13 @@ async function RelatedProducts({ id }: { id: string }) {
 
   return (
     <div className="py-8">
-      <div className="mb-4 text-3xl font-bold">Related Products</div>
+      <h2 className="mb-4 text-2xl font-bold">Related Products</h2>
       <div className="flex w-full gap-4 overflow-x-auto pt-1">
         {relatedProducts.map((product, i) => {
           return (
             <Link
               key={i}
-              className="h-full w-1/2 flex-none lg:w-1/5"
+              className="w-full flex-none min-[475px]:w-1/2 sm:w-1/3 md:w-1/4 lg:w-1/5"
               href={`/product/${product.handle}`}
             >
               <GridTileImage