Improve sponsors grid

opengento · Feb 2, 2025 · b114784 · b114784
1 parent 8ae540f
commit b114784
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/SponsorList/Sponsor/Sponsor.tsx b/src/components/SponsorList/Sponsor/Sponsor.tsx
@@ -7,7 +7,7 @@ const Sponsor = (sponsor: SponsorProps) => {
   const badgeHeight: number = 80;
 
   const boxClasses: Record<SponsorTypeProps, string> = {
-    platinum: "bg-[url(/images/background/sponsor-platinum.jpg)] hover:bg-[url(/images/background/sponsor-platinum.jpg)] p-[57px] col-span-12 row-span-4 lg:col-span-4 lg:row-span-12",
+    platinum: "bg-[url(/images/background/sponsor-platinum.jpg)] hover:bg-[url(/images/background/sponsor-platinum.jpg)] p-[57px] col-span-12 row-span-5 lg:col-span-4 lg:row-span-12",
     gold: "bg-[url(/images/background/sponsor-gold.jpg)] hover:bg-[url(/images/background/sponsor-gold.jpg)] p-[24px] col-span-6 row-span-3 lg:col-span-2 lg:row-span-4",
     silver: "bg-[url(/images/background/sponsor-silver.jpg)] hover:bg-[url(/images/background/sponsor-silver.jpg)] p-[22px] col-span-4 row-span-2 lg:col-span-2 lg:row-span-3",
     bronze: "bg-[url(/images/background/sponsor-bronze.png)] hover:bg-[url(/images/background/sponsor-bronze.png)] p-[40px] col-span-4 row-span-1 lg:col-span-2 lg:row-span-2",

diff --git a/src/components/SponsorList/SponsorList.tsx b/src/components/SponsorList/SponsorList.tsx
@@ -69,7 +69,7 @@ const SponsorList = ({ items }: { items: SponsorProps[] }) => {
             )}
           </TopBanner>
         </div>
-        <ul className="grid grid-cols-12 grid-rows-6 lg:grid-cols-10 lg:grid-rows-12 gap-2 my-6">
+        <div className="grid grid-cols-12 auto-rows-[1rem] lg:grid-cols-10 md:auto-rows-[2rem] gap-2 my-6">
           {sortedSponsors.map((sponsor: SponsorProps, key: number) => (
             <Sponsor
               type={sponsor.type}
@@ -78,7 +78,7 @@ const SponsorList = ({ items }: { items: SponsorProps[] }) => {
               key={key}
             />
           ))}
-        </ul>
+        </div>
       </Container>
     </BackgroundImage>
   );