From 1bd9d1de9f691bc58229cce902326e304d2699e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9D=B4=ED=9A=A8=EC=9B=90?= <ymj07168@gmail.com>
Date: Fri, 25 Oct 2024 22:57:46 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=B0=98=EC=9D=91=ED=98=95=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/mypage/CountCard.jsx | 2 +-
 src/components/mypage/MyCard.jsx    | 2 +-
 src/pages/MyPage.jsx                | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/mypage/CountCard.jsx b/src/components/mypage/CountCard.jsx
index e5fdf81..4e2dddf 100644
--- a/src/components/mypage/CountCard.jsx
+++ b/src/components/mypage/CountCard.jsx
@@ -3,7 +3,7 @@ import React from "react";
 
 const CountCard = ({ title, count, icon }) => {
   return (
-    <div className="flex flex-row border min-h-32 rounded-md p-5 basis-2/6 flex-grow items-center">
+    <div className="flex flex-row border min-h-32 rounded-md p-5 basis-2/6 flex-grow items-center w-full">
       <div className="flex flex-row gap-3 items-start">
         <div className="p-2 bg-blue-100 rounded-md">
           <FontAwesomeIcon
diff --git a/src/components/mypage/MyCard.jsx b/src/components/mypage/MyCard.jsx
index baaf0f3..09278ef 100644
--- a/src/components/mypage/MyCard.jsx
+++ b/src/components/mypage/MyCard.jsx
@@ -23,7 +23,7 @@ const MyCard = ({
       onClick={onClick}
     >
       <div className="text-xl font-semibold">{title}</div>
-      <div className="text-base text-gray-8 lg:min-h-[200px] line-clamp-2">
+      <div className="text-base text-gray-8 lg:min-h-[100px] line-clamp-2">
         {content}
       </div>
       <div className="flex flex-row gap-5">
diff --git a/src/pages/MyPage.jsx b/src/pages/MyPage.jsx
index ce07296..39daaff 100644
--- a/src/pages/MyPage.jsx
+++ b/src/pages/MyPage.jsx
@@ -43,7 +43,7 @@ const MyPage = () => {
   return (
     <>
       <Header />
-      <PageContainer className="px-2 xl:px-[250px] lg:px-[100px] md:px-5 sm:px-3 pt-3">
+      <PageContainer className="px-2 xl:px-[100px] lg:px-[50px] md:px-5 sm:px-3 pt-3">
         <ProfileSection
           profile={data?.profileImage}
           nickName={data?.nickname}
@@ -83,7 +83,7 @@ const MyPage = () => {
         )}
         {selectedTab === "statistic" && (
           <div className="flex flex-col w-full gap-5 px-2">
-            <div className="flex flex-row items-center w-full gap-3">
+            <div className="flex flex-col w-full gap-3 items-center xl:flex-row  lg:flex-row md:flex-row sm:flex-col">
               <CountCard
                 title="전체 작성글 개수"
                 count={statistics?.tilsCount}