From d50488d7e3a94fa47866b3824d6053616305deea Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Sun, 8 Feb 2026 22:12:21 +0900
Subject: [PATCH] =?UTF-8?q?refactor(members):=20PC=20=EB=A9=A4=EB=B2=84=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=203=EC=97=B4=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20+=20=EB=A7=88=EC=A7=80=EB=A7=89=20?=
 =?UTF-8?q?=EC=A4=84=20=EA=B0=80=EC=9A=B4=EB=8D=B0=20=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 5열에서 3열 레이아웃으로 변경
- max-w-4xl로 카드 크기 축소
- flexbox로 마지막 줄 가운데 정렬

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/pages/pc/public/members/Members.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/pc/public/members/Members.jsx b/frontend/src/pages/pc/public/members/Members.jsx
index f5f9967..ef6ffca 100644
--- a/frontend/src/pages/pc/public/members/Members.jsx
+++ b/frontend/src/pages/pc/public/members/Members.jsx
@@ -20,7 +20,7 @@ function Members() {
 
   return (
     <div className="py-16">
-      <div className="max-w-7xl mx-auto px-6">
+      <div className="max-w-4xl mx-auto px-6">
         {/* 헤더 */}
         <div className="text-center mb-12">
           <motion.h1
@@ -40,8 +40,8 @@ function Members() {
           </motion.p>
         </div>
 
-        {/* 현재 멤버 그리드 */}
-        <div className="grid grid-cols-5 gap-8">
+        {/* 멤버 그리드 - 3열, 마지막 줄 가운데 정렬 */}
+        <div className="flex flex-wrap justify-center gap-6">
           {members
             .filter((m) => !m.is_former)
             .map((member, index) => (
@@ -50,7 +50,7 @@ function Members() {
                 initial={{ opacity: 0, y: 30 }}
                 animate={{ opacity: 1, y: 0 }}
                 transition={{ delay: index * 0.1 }}
-                className="group h-full"
+                className="group w-[calc(33.333%-1rem)]"
               >
                 <div className="relative bg-white rounded-3xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 h-full flex flex-col">
                   {/* 이미지 */}