From efae9463786258cf529d7c2c6af9a7e656bfb7ac Mon Sep 17 00:00:00 2001
From: Ray <22254748+rayokamoto@users.noreply.github.com>
Date: Mon, 19 Feb 2024 21:12:53 +1030
Subject: [PATCH] fix(home): Center sponsors on screen resize

---
 src/app/(home)/page.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(home)/page.tsx b/src/app/(home)/page.tsx
index 912d92a8..855c5117 100644
--- a/src/app/(home)/page.tsx
+++ b/src/app/(home)/page.tsx
@@ -190,7 +190,7 @@ export default function HomePage() {
 
                     <div>
                         <h3>Supported By </h3>
-                        <div className="flex flex-col md:flex-row">
+                        <div className="flex flex-col smr:flex-row">
                             <h3 className="mb-2 mr-2 md:mb-0">Industry&apos;s </h3>
                             <FancyRectangle colour="orange" offset="6" filled={false}>
                                 <div className="w-fit bg-orange px-2">
@@ -206,10 +206,10 @@ export default function HomePage() {
                         if (sponsors.length === 0) return;
                         return (
                             <Fragment key={type}>
-                                <h3 className="text-2xl font-black capitalize lg:text-3xl">
+                                <h3 className="text-center text-2xl font-black capitalize smr:text-left lg:text-3xl">
                                     {type} Sponsors
                                 </h3>
-                                <div className="flex flex-wrap gap-6 pb-2">
+                                <div className="flex flex-wrap justify-center gap-6 pb-2 smr:justify-start">
                                     {sponsors.map(({ image, website, name }, i) => (
                                         <a href={website} key={i} className="block" target="_blank">
                                             <FancyRectangle colour="white" offset="10">