diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 99e81fb..5f409b9 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -343,12 +343,15 @@
 	}
 
 	.extracurricular {
-		display: grid;
-		grid-template-columns: repeat(3, auto);
-		/* justify-content: center; */
-		/* align-items: center; */
+		display: flex;
+		flex-wrap: wrap;
+		place-content: center;
 		gap: 1.5rem;
 
+		.card {
+			max-width: 30rem;
+		}
+
 		@media (max-width: 1000px) {
 			grid-template-columns: repeat(2, auto);
 			--cardHeightMin: 20rem;