From fa533ff1b70c5c9396ce5c13a89358b66df5555b Mon Sep 17 00:00:00 2001
From: LuaanNguyen <luanthiennguyen2003@gmail.com>
Date: Sun, 1 Sep 2024 12:32:38 -0700
Subject: [PATCH] Fixed Sponsors Image on mobile

---
 src/components/AboutUs.tsx           | 2 +-
 src/components/Sponsors/Sponsors.tsx | 6 +++---
 src/styles/index.css                 | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/AboutUs.tsx b/src/components/AboutUs.tsx
index 459b413..2570032 100644
--- a/src/components/AboutUs.tsx
+++ b/src/components/AboutUs.tsx
@@ -25,7 +25,7 @@ const perks = [
 export default function AboutUs() {
   return (
     <main
-      className="flex flex-col  w-[70vw] max-md:w-[95vw] justify-center items-center mx-auto mb-20"
+      className="flex flex-col  w-[70vw] max-md:w-[95vw] justify-center items-center mx-auto mb-20 max-md:mb-5"
       id="info"
     >
       <section className="text-center max-md:text-left">
diff --git a/src/components/Sponsors/Sponsors.tsx b/src/components/Sponsors/Sponsors.tsx
index 7915be2..0dfcad0 100644
--- a/src/components/Sponsors/Sponsors.tsx
+++ b/src/components/Sponsors/Sponsors.tsx
@@ -55,7 +55,7 @@ function SponsorsMarquee() {
               key={index}
               src={logoMap[element.name as SponsorLogo]} // Casting element.name to SponsorLogo
               alt={element.name}
-              className="w-[10vw] object-contain"
+              className="w-[10vw] max-md:w-[16vw] object-contain"
             />
           ))}
           {sponsors.map((element, index) => (
@@ -63,7 +63,7 @@ function SponsorsMarquee() {
               key={index}
               src={logoMap[element.name as SponsorLogo]} // Casting element.name to SponsorLogo
               alt={element.name}
-              className="w-[10vw] object-contain"
+              className="w-[10vw] max-md:w-[16vw]  object-contain"
             />
           ))}
           {sponsors.map((element, index) => (
@@ -71,7 +71,7 @@ function SponsorsMarquee() {
               key={index}
               src={logoMap[element.name as SponsorLogo]} // Casting element.name to SponsorLogo
               alt={element.name}
-              className="w-[10vw] object-contain"
+              className="w-[10vw] max-md:w-[16vw] object-contain"
             />
           ))}
         </div>
diff --git a/src/styles/index.css b/src/styles/index.css
index 3c8abc5..f48cf78 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -234,7 +234,7 @@ body {
 }
 
 .marquee-effect-container {
-  @apply py-8 pl-20 flex flex-row animate-marquee whitespace-nowrap gap-8;
+  @apply py-4 pl-20 flex flex-row animate-marquee whitespace-nowrap gap-8;
 }
 
 /* --------- NAVIGATION  --------- */