From c9b2af92ae820f6e40ca8f1da38c51702468ee8e Mon Sep 17 00:00:00 2001
From: Foster Irwin <foster@jfirwin.com>
Date: Mon, 12 Dec 2022 22:14:37 -0700
Subject: [PATCH] css fix for social icons on lg and smaller screens

---
 src/pages/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 2fa97ebf..357f09f8 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -204,7 +204,7 @@ function Home() {
           ))}
         </Carousel>
 
-        <div className="bg-primaryDark mx-auto flex w-full w-auto flex-col gap-4 p-4 shadow-inner">
+        <div className="bg-primaryDark mx-auto flex w-full lg:w-auto flex-col gap-4 p-4 shadow-inner">
           <h3 className="text-xl font-bold">Connect with us.</h3>
           <div className="flex w-full overflow-x-auto">
             {SocialCards.map((card, index) => (