From 8acc6207a2487cb045fe61f5c11503a7853280e0 Mon Sep 17 00:00:00 2001
From: KittenTM <aidenplayzroblox123@gmail.com>
Date: Wed, 7 Jan 2026 00:01:28 -0500
Subject: [PATCH] fix: add spfn staff cards text wrapping (should fix the
 website not being readable on mobile!)

---
 css/style.css | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/css/style.css b/css/style.css
index 616fc97..a25b91e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -277,19 +277,21 @@ code {
     border: 4px solid #a00b0b;
 }
 
-.team-members {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding: 8px;
-    max-width: 2000px;
-    margin: 0 auto;
-    flex: 1;
+.team-member img {
+    width: 64px;
+    height: 64px;
+    max-width: 64px;
+    max-height: 64px;
+
+    object-fit: cover;
+    flex-shrink: 0;
+    border-radius: 12px;
 }
 
 .member-row {
     display: flex;
     flex-direction: row;
+    flex-wrap: wrap;
     width: 100%;
     justify-content: center;
 }
@@ -299,12 +301,13 @@ code {
     margin: 8px 8px;
     padding: 8px 8px;
     border-radius: 15px;
+    align-items: flex-start;
+    gap: 12px;
+    flex: 1 1 280px;
     max-width: 600px;
-    height: 10rem;
     display: flex;
-    flex-direction: row;
     box-sizing: border-box;
-    flex: 0 1 30%;
+    min-width: 0;
 }
 
 .team-link {