From 2055990ba9f0b86e50b0399c63a49ef2cce1d7dd Mon Sep 17 00:00:00 2001
From: Sage The DM <luca.burger@grischuni.net>
Date: Mon, 24 Jun 2024 17:53:58 +0200
Subject: [PATCH] fixed the header problem

---
 list.css   | 24 +++++++++++++-----------
 styles.css | 11 ++++++-----
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/list.css b/list.css
index 2e987c0..a7cdb2b 100644
--- a/list.css
+++ b/list.css
@@ -21,7 +21,7 @@ body {
 /* Header styles */
 header {
   background-color: #2c3e50;
-  padding: 15px 0;
+  padding: 10px 0; /* Smaller padding */
   width: 100%;
   position: fixed;
   top: 0;
@@ -34,14 +34,14 @@ header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  max-width: 1400px;
+  max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
 }
 
 .project-name {
   color: #ffffff;
-  font-size: 1.8em;
+  font-size: 1.5em; /* Smaller font size */
   font-weight: bold;
 }
 
@@ -49,7 +49,7 @@ header {
   background: none;
   border: none;
   color: #ffffff;
-  font-size: 1.8em;
+  font-size: 1.5em; /* Smaller font size */
   cursor: pointer;
   display: none;
 }
@@ -64,13 +64,13 @@ header {
 }
 
 header li {
-  margin: 15px;
+  margin: 10px; /* Smaller margin */
 }
 
 header a {
   color: #ffffff;
   text-decoration: none;
-  padding: 10px;
+  padding: 8px; /* Smaller padding */
   border-radius: 5px;
   transition: background-color 0.3s ease;
 }
@@ -81,7 +81,7 @@ header a:hover {
 
 /* Article styles */
 article {
-  margin-top: 8em;
+  margin-top: 6em; /* Adjusted top margin */
   margin-bottom: 50px;
   padding: 20px;
   width: 90%;
@@ -166,9 +166,10 @@ nav {
 }
 
 /* Mobile Styles */
-@media (max-width: 1400px) {
+@media (max-width: 4000px) {
   .burger-menu {
     display: block;
+    padding: 0;
   }
 
   .menu {
@@ -176,7 +177,7 @@ nav {
     flex-direction: column;
     background-color: #2c3e50;
     position: absolute;
-    top: 100%; /* Adjusted position */
+    top: 100%; 
     left: 0;
     width: 100%;
     z-index: 999;
@@ -189,7 +190,7 @@ nav {
   }
   
   header {
-    padding: 10px 0;
+    padding: 0; /* Further reduce the padding */
     height: auto;
   }
 
@@ -197,7 +198,7 @@ nav {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    padding: 0 10px;
+    padding: 0 20px 0 20px;
   }
 
   .project-name {
@@ -222,6 +223,7 @@ nav {
   }
 }
 
+/* Additional styles for article */
 article ul {
   list-style-type: none;
   padding: 0;
diff --git a/styles.css b/styles.css
index c0aae7f..87805ad 100644
--- a/styles.css
+++ b/styles.css
@@ -34,7 +34,7 @@ header {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  max-width: 1400px;
+  max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;
 }
@@ -166,9 +166,10 @@ nav {
 }
 
 /* Mobile Styles */
-@media (max-width: 1400px) {
+@media (max-width: 4000px) {
   .burger-menu {
     display: block;
+    padding: 0;
   }
 
   .menu {
@@ -176,7 +177,7 @@ nav {
     flex-direction: column;
     background-color: #2c3e50;
     position: absolute;
-    top: 100%; /* Adjusted position */
+    top: 100%; 
     left: 0;
     width: 100%;
     z-index: 999;
@@ -189,7 +190,7 @@ nav {
   }
   
   header {
-    padding: 10px 0;
+    padding: 0; /* Further reduce the padding */
     height: auto;
   }
 
@@ -197,7 +198,7 @@ nav {
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    padding: 0 10px;
+    padding: 0 20px 0 20px;
   }
 
   .project-name {