From a38e23a9855879c732b60adf8e101f908facf43f Mon Sep 17 00:00:00 2001
From: James Fenn <me@jfenn.me>
Date: Fri, 29 Sep 2023 16:33:04 -0400
Subject: [PATCH] fix sponsor image sizing/margins

---
 src/views/about/about.module.scss | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/views/about/about.module.scss b/src/views/about/about.module.scss
index dbc84e8f..6954408c 100644
--- a/src/views/about/about.module.scss
+++ b/src/views/about/about.module.scss
@@ -28,20 +28,23 @@
 }
 
 .aboutBody :global(.sponsors) {
-	display: flex;
-	flex-wrap: wrap;
+	display: grid;
+	grid-template-columns: repeat(1, minmax(0, 1fr));
+	gap: var(--spc-4x);
+
+	@include from($mobile) {
+		grid-template-columns: repeat(2, minmax(0, 1fr));
+	}
 
 	a {
 		display: flex;
 		align-items: center;
-		width: 300px;
-		height: 122px;
-
-		margin: var(--spc-2x);
+		width: auto;
+		aspect-ratio: 3;
 
 		background-color: #fff;
-		border-radius: var(--corner-radius_s);
-		overflow: hidden;
+		border-radius: var(--corner-radius_m);
+		overflow: clip;
 	}
 
 	img {