prime8dev

commit e15ddcaf0645ce5c6a5aaef2973e8f1f1a7b1d55
parent 7b5375d28ef1f8a3e0904d87a79a750e48c9df2f
Author: Damian Myrda <damian@prime8.dev>
Date:   Fri, 16 Jan 2026 23:35:39 -0600

Update About page layout with flexbox for even section spacing

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

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

1 file changed, 9 insertions(+), 1 deletion(-)
diff --git a/web/src/components/pages/About.astro b/web/src/components/pages/About.astro
@@ -154,6 +154,9 @@ const { wakaTimeData } = Astro.props;
     flex: 1;
     padding: 24px 32px;
     overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
   }
 
   .profile-image {
@@ -198,7 +201,7 @@ const { wakaTimeData } = Astro.props;
   }
 
   .section {
-    margin-bottom: 20px;
+    flex-shrink: 0;
   }
 
   .section h1 {
@@ -317,6 +320,11 @@ const { wakaTimeData } = Astro.props;
 
     .about-right {
       padding: 16px;
+      display: block;
+    }
+
+    .section {
+      margin-bottom: 16px;
     }
 
     .section h1 {