From d55d58b0819079b4baf7e56a81b85b7ff08641e8 Mon Sep 17 00:00:00 2001
From: Will Perlichek <williamperlichek@gmail.com>
Date: Sun, 1 Mar 2026 11:26:21 -0800
Subject: [PATCH] fix: member cards consistent styling

---
 .vitepress/theme/components/TeamMembers.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/.vitepress/theme/components/TeamMembers.vue b/.vitepress/theme/components/TeamMembers.vue
index dbf1e65..b8fdb51 100644
--- a/.vitepress/theme/components/TeamMembers.vue
+++ b/.vitepress/theme/components/TeamMembers.vue
@@ -1,6 +1,7 @@
 <script>
 import { computed } from 'vue'
 import TeamMembersItem from './TeamMembersItem.vue'
+
 export default {
     components: {
         TeamMembersItem
@@ -18,13 +19,10 @@ export default {
     }
 }
 </script>
+
 <template>
     <div :class="classes">
-        <div class="max-w-sm grid grid-cols-1 md:grid-cols-[repeat(auto-fit,minmax(14rem,1fr))] gap-6" :class="{
-            'md:max-w-7xl': members.length >= 3,
-            'md:max-w-[14rem]': members.length === 1,
-            'md:max-w-3xl': members.length === 2
-        }">
+        <div class="mx-auto max-w-sm md:max-w-7xl grid grid-cols-1 md:grid-cols-[repeat(auto-fill,minmax(14rem,1fr))] gap-6">
             <div v-for="member in members" :key="member.name" class="item">
                 <TeamMembersItem :member="member" />
             </div>