From be931c9b4d45f01d1b67260b9f69ea9a4a2a370e Mon Sep 17 00:00:00 2001
From: Reto Bollinger <bolliret@MBP-von-Reto-2.localdomain>
Date: Mon, 18 Nov 2024 21:42:54 +0100
Subject: [PATCH] Responsive starts to become fun :)

---
 .../project/assets/static/style.css           | 40 ++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css
index 710cc55..62ecdcc 100644
--- a/lektor/lektordata/project/assets/static/style.css
+++ b/lektor/lektordata/project/assets/static/style.css
@@ -86,7 +86,7 @@ footer {
 header h1 {
     margin: 0;
     font-weight: 700;
-    font-size: 42px
+    font-size: 1.9vw
 }
 
 header nav ul {
@@ -110,6 +110,24 @@ div.page {
 }
 
 @media (max-width:768px) {
+    header h1 {
+        font-size: 3.15vw
+    }
+
+    header nav ul {
+        display: flex;
+        flex-wrap: wrap;
+        width: 75%;
+        font-size: 2.5vw
+    }
+
+    header nav ul li {
+        flex-basis: 25%;
+        box-sizing: border-box;
+        padding: 5px 2.5% 5px 0;
+        white-space: nowrap
+    }
+
     div.inner_page.bgimage {
         background-image: none;
         min-height: 0
@@ -137,6 +155,10 @@ div.page {
         min-height: calc((80vw - 60px)*.572)
     }
 
+    header h1 {
+        font-size: 2.4vw
+    }
+
     body {
         font-size: 1.5vw
     }
@@ -151,6 +173,22 @@ div.page {
 }
 
 @media (min-width:769px) and (max-width:1024px) {
+    header h1 {
+        font-size: 3.15vw
+    }
+
+    header nav ul {
+        display: flex;
+        flex-wrap: wrap;
+        width: 75%
+    }
+
+    header nav ul li {
+        flex-basis: 25%;
+        box-sizing: border-box;
+        padding: 5px 2.5% 5px 0
+    }
+
     div.inner_page.bgimage {
         min-height: calc((80vw - 60px)*.572)
     }