fix: big sponsor logos in 2024

JoshuaKGoldberg · JoshuaKGoldberg · commit 624a62af52c7 · 2026-03-07T11:35:11.000-05:00
diff --git a/src/components/2024/SponsorLogos.astro b/src/components/2024/SponsorLogos.astro
@@ -22,8 +22,14 @@ const { light, sponsorGroups } = Astro.props;
 
 <div class="sponsor-logos">
 	{
-		Object.entries(sponsorGroups).map(([placement, sponsors]) => (
-			<div class:list={["sponsor-group", `sponsor-group-${placement}`]}>
+		Object.entries(sponsorGroups).map(([placement, sponsors], index) => (
+			<div
+				class:list={[
+					"sponsor-group",
+					`sponsor-group-${index}`,
+					`sponsor-group-${placement}`,
+				]}
+			>
 				{sponsors.map((sponsor) => (
 					<a
 						class="sponsor"
diff --git a/src/components/2024/Sponsors.astro b/src/components/2024/Sponsors.astro
@@ -19,6 +19,7 @@ import SponsorLogos from "./SponsorLogos.astro";
 <style>
 	.sponsors-blurb {
 		margin: auto;
+		padding-bottom: 3.5rem;
 	}
 
 	@media (min-width: 819px) {

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,7 @@ import SponsorLogos from "./SponsorLogos.astro";`
`19`	`19`	`<style>`
`20`	`20`	`.sponsors-blurb {`
`21`	`21`	`margin: auto;`
	`22`	`+ padding-bottom: 3.5rem;`
`22`	`23`	`}`
`23`	`24`
`24`	`25`	`@media (min-width: 819px) {`