From 08e12c45b0e3897efd01dd7215c2d7b9a63f5589 Mon Sep 17 00:00:00 2001
From: J-onasJones <me@jonasjones.dev>
Date: Fri, 7 Jun 2024 02:00:22 +0200
Subject: [PATCH] Fixed smaller screens

---
 src/components/Navbar.svelte | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/Navbar.svelte b/src/components/Navbar.svelte
index ec1a03d..f184bc8 100644
--- a/src/components/Navbar.svelte
+++ b/src/components/Navbar.svelte
@@ -1,7 +1,7 @@
 <nav class="navbar">
     <ul>
         <li><a href="/#/">Home</a></li>
-        <li><a href="#about">About</a></li>
+        <li><a href="https://jonasjones.dev/about">About</a></li>
         <li><a href="#contact">Contact</a></li>
         <a href="https://jonasjones.dev" class="sticky-link">Homepage</a>
     </ul>
@@ -52,4 +52,21 @@
         padding: 10px 20px;
         text-decoration: none;
     }
+
+    @media (max-width: 650px) {
+        .navbar {
+            flex-direction: column;
+        }
+
+        .sticky-link {
+            position: relative;
+            padding: 10px 20px;
+        }
+    }
+
+    @media (max-width: 500px) {
+        .sticky-link {
+            display: none;
+        }
+    }
 </style>