Fixed Sponsors Image on mobile

asusoda · Sep 1, 2024 · fa533ff · fa533ff
1 parent d4e40e7
commit fa533ff
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -55,23 +55,23 @@ 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) => (
             <img
               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) => (
             <img
               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
@@ -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  --------- */