From 8c5c4076fce1f8b73bd2360f09d4af844ce1b6f9 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 30 Oct 2024 22:29:25 +0700
Subject: [PATCH] Refactor Portfolio component layout for improved
 responsiveness; adjust card widths and container padding

---
 src/app/portfolio/[uid]/page.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/portfolio/[uid]/page.tsx b/src/app/portfolio/[uid]/page.tsx
index 75065d8..b0ceee6 100644
--- a/src/app/portfolio/[uid]/page.tsx
+++ b/src/app/portfolio/[uid]/page.tsx
@@ -59,7 +59,7 @@ export default async function Portfolio({
 
   // console.log(tagCount);
   return (
-    <div>
+    <div className="p-5">
       {/* {JSON.stringify(params.uid)} */}
       {/* {JSON.stringify(tagCount)} */}
       {/* {JSON.stringify(deals)} */}
@@ -72,8 +72,8 @@ export default async function Portfolio({
         <div>{totalInvest}</div>
       </div> */}
       {/* <CountUpComponent end={100} duration={3} /> */}
-      <div className="flex flew-rows-3 gap-10 mt-5">
-        <Card className="w-[500px]">
+      <div className="flex flew-rows-3 gap-10 mt-5 w-full">
+        <Card className="w-1/3">
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
             <CardTitle className="text-md font-bold">
               Types of Businesses Invested In
@@ -83,7 +83,7 @@ export default async function Portfolio({
             <Overview graphType="line" data={overAllData}></Overview>
           </CardContent>
         </Card>
-        <Card className="w-[500px]">
+        <Card className="w-1/3">
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
             <CardTitle className="text-md font-bold">
               Types of Businesses Invested In
@@ -93,7 +93,7 @@ export default async function Portfolio({
             <Overview graphType="bar" data={fourYearData}></Overview>
           </CardContent>
         </Card>
-        <Card className="w-[500px]">
+        <Card className="w-1/3">
           <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
             <CardTitle className="text-md font-bold">
               Types of Businesses Invested In