prime8dev

commit 8f26035ceddbbcd9d155125283112a43d04eff15
parent a41387e654f47cb8b00b59bdfa37ba618b33147f
Author: Damian Myrda <damian@prime8.dev>
Date:   Wed, 21 Jan 2026 20:29:17 -0600

fix: place profile image beside contact card on mobile

Diffstat:
M
web/src/components/pages/About.astro
 | 
15
+++++++++------

1 file changed, 9 insertions(+), 6 deletions(-)
diff --git a/web/src/components/pages/About.astro b/web/src/components/pages/About.astro
@@ -367,18 +367,21 @@ const { wakaTimeData } = Astro.props;
 
   @media (max-width: 480px) {
     .about-left {
-      flex-direction: column;
-      align-items: center;
+      flex-direction: row;
+      align-items: stretch;
     }
 
     .profile-image {
-      width: 150px;
-      max-width: 150px;
-      height: 150px;
+      width: 120px;
+      min-width: 120px;
+      max-width: 120px;
+      height: auto;
+      align-self: stretch;
+      object-fit: cover;
     }
 
     .contact-box {
-      width: 100%;
+      flex: 1;
     }
 
     .contact-item {