From e433fc2dfb6372d243cb52cc3d303d41b3c80a05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rados=C5=82aw=20Gierwia=C5=82o?= <github@radziel.com>
Date: Sat, 6 Dec 2025 17:01:24 +0100
Subject: [PATCH] chore: adjust about page layout for mobile

---
 frontend/public/content/about-us.html | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/public/content/about-us.html b/frontend/public/content/about-us.html
index 18c18e4..f61f8e6 100644
--- a/frontend/public/content/about-us.html
+++ b/frontend/public/content/about-us.html
@@ -48,6 +48,7 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
+    order: 2;
   }
 
   .portrait {
@@ -132,6 +133,16 @@
       grid-template-columns: 1fr;
     }
   }
+
+  @media (min-width: 901px) {
+    .profile-card {
+      order: 1;
+    }
+
+    .about-text {
+      order: 2;
+    }
+  }
 </style>
 
 <div class="content-wrapper">
@@ -147,7 +158,7 @@
       </div>
     </div>
 
-    <div>
+    <div class="about-text">
       <h1>About Us</h1>
 
       <p class="intro-text">