Update Header.css

Iphone comp
LarsFlem · Oct 23, 2024 · 82df83e · 82df83e
1 parent b4dbdc0
commit 82df83e
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/Header.css b/src/components/Header.css
@@ -79,12 +79,16 @@ nav a:hover::after {
   header {
     flex-direction: column;
     align-items: flex-start;
-    padding: 10px 20px;
+    padding: 5px 15px; /* Further reduce padding */
     height: auto; /* Let the height adjust naturally on smaller screens */
   }
 
+  .logo-image {
+    height: 60px; /* Reduce height for smaller screens */
+  }
+
   .logo-text {
-    font-size: 36px; /* Adjust size for smaller screens */
+    font-size: 24px; /* Reduce this further for smaller devices */
     margin-bottom: 10px;
   }
 
@@ -94,6 +98,7 @@ nav a:hover::after {
   }
 
   nav a {
-    font-size: 16px;
+    font-size: 16px; /* Adjust link font size for better readability */
   }
 }
+