From 673b84a2c0f8aa670f478de5f2fe44378f717bd4 Mon Sep 17 00:00:00 2001
From: nimod7890 <nimod1234@g.skku.edu>
Date: Tue, 13 Aug 2024 13:39:12 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=ED=8C=80=20=EC=86=8C=EA=B0=9C=20?=
 =?UTF-8?q?=EB=AA=A8=EB=8B=AC=20=ED=81=AC=EA=B8=B0=20=EB=B3=B4=EC=99=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shared/modal/TeamDescriptionModal.tsx     | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/packages/user/src/components/shared/modal/TeamDescriptionModal.tsx b/packages/user/src/components/shared/modal/TeamDescriptionModal.tsx
index 8c7a942b..eb09ff04 100644
--- a/packages/user/src/components/shared/modal/TeamDescriptionModal.tsx
+++ b/packages/user/src/components/shared/modal/TeamDescriptionModal.tsx
@@ -13,18 +13,20 @@ export default function TeamDescriptionModal({ type, openTrigger }: TeamDescript
 
 	return (
 		<Modal openTrigger={openTrigger}>
-			<div className="flex flex-col items-center justify-center px-[50px] py-[30px] sm:h-full sm:px-[75px] sm:py-[40px]">
-				<div className="flex flex-col items-center gap-2.5">
-					<h6 className="text-heading-11 whitespace-pre-line font-medium text-neutral-100 sm:whitespace-normal">
-						{subTitle}
-					</h6>
-					<h3>{title}</h3>
+			<div className="flex w-full flex-col items-center justify-center p-[30px] px-[40px] py-[30px] sm:h-full sm:px-[50px] sm:py-[40px]">
+				<div className="max-w-[350px] w-full sm:max-w-[600px] md:max-w-[800px] lg:max-w-[800px] ">
+					<div className="flex flex-col items-center gap-2.5">
+						<h6 className="text-heading-11 whitespace-pre-line font-medium text-neutral-100 sm:whitespace-normal">
+							{subTitle}
+						</h6>
+						<h3>{title}</h3>
+					</div>
+					<div className="mb-7 grid grid-flow-row sm:grid-flow-col">
+						<DescriptionImage src={`${imageBaseUrl}-1.png`} />
+						<DescriptionImage src={`${imageBaseUrl}-2.png`} />
+					</div>
+					<p className="text-body-4 text-neutral-100">{details}</p>
 				</div>
-				<div className="mb-7 grid grid-flow-row sm:grid-flow-col">
-					<DescriptionImage src={`${imageBaseUrl}-1.png`} />
-					<DescriptionImage src={`${imageBaseUrl}-2.png`} />
-				</div>
-				<p className="text-body-4 text-neutral-100">{details}</p>
 			</div>
 		</Modal>
 	);