From bd8b413d4035140db16430727845fb9941686d1a Mon Sep 17 00:00:00 2001
From: Pinapelz <donaldshan1@outlook.com>
Date: Wed, 20 Sep 2023 20:26:20 -0700
Subject: Fix projects mobile viewing

---
 src/components/Header.astro | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

(limited to 'src/components/Header.astro')

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 171e8e1..211db58 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -59,4 +59,28 @@
     border-radius: 50%;
     margin-left: 1rem;
   }
-</style>
+
+  @media only screen and (max-width: 1020px) {
+    header {
+      flex-direction: column;
+      padding: 1rem;
+    }
+
+    nav {
+      margin-top: 1rem;
+    }
+
+    nav ul {
+      flex-direction: column;
+      align-items: center;
+    }
+
+    nav li {
+      margin: 0.5rem 0;
+    }
+
+    #profilePic {
+      margin: 1rem 0 0;
+    }
+  }
+</style>
\ No newline at end of file
-- 
cgit v1.2.3