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);