From 8d5bab43c2596eeb47e6efaee90ade6c990bb690 Mon Sep 17 00:00:00 2001
From: choibk <choibk350@gmail.com>
Date: Mon, 19 Jan 2026 19:17:46 +0900
Subject: [PATCH] Fix profile layout: align heights of image and text box

---
 src/styles/main.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/styles/main.css b/src/styles/main.css
index dae47d1..a772b2f 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1384,7 +1384,8 @@ img {
 @media (min-width: 768px) {
     .profile-wrapper {
         flex-direction: row;
-        align-items: flex-start;
+        align-items: stretch;
+        /* Stretch items to match height */
     }
 }
 
@@ -1392,15 +1393,17 @@ img {
     flex-shrink: 0;
     width: 100%;
     max-width: 350px;
-    /* Adjust as needed */
+    display: flex;
+    flex-direction: column;
+    /* Ensure child img fills height */
 }
 
 .profile-image {
     width: 100%;
+    height: 100%;
+    /* Fill container height */
     aspect-ratio: 1 / 1;
-    /* Enforce 1:1 Square aspect ratio */
     object-fit: cover;
-    /* Ensure image covers the square area */
     border-radius: 1rem;
     box-shadow: var(--shadow);
     border: 1px solid var(--border-color);