From 6ca37ca7f412e56e3f8f96001e3def666730cb80 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 7 Feb 2026 11:56:51 +0200
Subject: [PATCH] feat(header): improve header fit on smaller screens

---
 apps/website/src/components/Header.css | 27 ++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/apps/website/src/components/Header.css b/apps/website/src/components/Header.css
index b719ddb9a..5ed44eb19 100644
--- a/apps/website/src/components/Header.css
+++ b/apps/website/src/components/Header.css
@@ -145,3 +145,30 @@ header {
         }
     }
 }
+
+@media ((min-width: 720px) and (max-width: 1115px)) {
+    header {
+        .banner span {
+            display: none;
+        }
+
+        .repository-button {
+            display: none;
+        }
+
+        nav {
+            font-size: 0.9em;
+            justify-content: center;
+        }
+
+        .download-button {
+            font-size: 0.8em;
+            padding: 0.5em;
+
+            .text {
+                display: flex;
+                flex-direction: column;
+            }
+        }
+    }
+}