From 0611e563993b35fda88398851e3982ddd2b720fa Mon Sep 17 00:00:00 2001
From: AramJonghu <aramjonghu@tutamail.com>
Date: Fri, 7 Aug 2026 05:22:45 +0200
Subject: [PATCH] chore(mobile): mobile view improved /w min-w and component
 order

---
 frontend/src/pages/Portfolio.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Portfolio.tsx b/frontend/src/pages/Portfolio.tsx
index 222ce26..5a6a71e 100644
--- a/frontend/src/pages/Portfolio.tsx
+++ b/frontend/src/pages/Portfolio.tsx
@@ -103,13 +103,13 @@ export default function Portfolio(): ReactElement {
 
     return (
         <div className="text-ctp-text flex flex-col min-h-screen px-4 py-6">
-            <div className="w-full max-w-360 min-w-120 mx-auto flex flex-col flex-1">
+            <div className="max-w-340 min-w-96 mx-auto flex flex-col flex-1">
                 <h1 className="text-4xl text-center font-bold text-ctp-mauve mb-6">
                     Portfolio
                 </h1>
 
-                <div className="grid md:grid-cols-[2fr_1fr] gap-8 items-start">
-                    <div className="space-y-2">
+                <div className="grid md:grid-cols-[10fr_6fr] gap-8 items-start">
+                    <div>
                         <PortfolioSection title="Projects & Contributions">
                             {projects.map((proj) => (
                                 <a
@@ -174,7 +174,7 @@ export default function Portfolio(): ReactElement {
                             ))}
                         </PortfolioSection>
                     </div>
-                    <div className="space-y-6">
+                    <div className="space-y-6 order-first md:order-0">
                         <div className="bg-ctp-mantle border border-ctp-lavender-800 rounded-xl p-6">
                             <img
                                 src={avatar}