Improve sponsors grid

opengento · Feb 1, 2025 · 8197bc8 · 8197bc8
1 parent 369f4f0
commit 8197bc8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/SponsorList/Sponsor/Sponsor.tsx b/src/components/SponsorList/Sponsor/Sponsor.tsx
@@ -7,10 +7,10 @@ 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-9",
-    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-3",
-    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-2",
-    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-1",
+    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",
+    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",
   };
   const badgeClasses: Record<SponsorTypeProps, string> = {
     platinum: "top-[30px] right-[30px] h-[55px] w-auto lg:top-[24px] lg:right-[24px] lg:h-[80px]",

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-9 gap-2 my-6">
+        <ul className="grid grid-cols-12 grid-rows-6 lg:grid-cols-10 lg:grid-rows-12 gap-2 my-6">
           {sortedSponsors.map((sponsor: SponsorProps, key: number) => (
             <Sponsor
               type={sponsor.type}