From fbe080f6059a4aa8dc65bfcad05f97873dadb521 Mon Sep 17 00:00:00 2001
From: SindreKjelsrud <kjelsrudsindre@gmail.com>
Date: Tue, 22 Aug 2023 16:01:37 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20styling=20Header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.astro     | 14 ++++++++------
 src/components/HeaderLink.astro |  2 +-
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 85cc76c..afaaa5d 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -3,14 +3,16 @@ import HeaderLink from './HeaderLink.astro';
 import { SITE_TITLE } from '../consts';
 ---
 
-<header class="flex justify-center gap-24 mb-12">
-	<a class="font-bold" href="/">
-		{SITE_TITLE}
-	</a>
+<header class="flex justify-center gap-64">
+	<div>
+		<a class="font-bold" href="/">
+			{SITE_TITLE}
+		</a>
+	</div>
 	<nav>
 		<HeaderLink href="/about">about</HeaderLink>
-		<HeaderLink href="/projects">projects</HeaderLink>
-		<HeaderLink href="/resume">resume</HeaderLink>
+		<HeaderLink href="#">projects</HeaderLink>
+		<HeaderLink href="#">resume</HeaderLink>
 		<HeaderLink href="/blog">blog</HeaderLink>
 	</nav>
 </header>
\ No newline at end of file
diff --git a/src/components/HeaderLink.astro b/src/components/HeaderLink.astro
index 3dd439b..b780397 100644
--- a/src/components/HeaderLink.astro
+++ b/src/components/HeaderLink.astro
@@ -19,6 +19,6 @@ const isActive = href === pathname || href === pathname.replace(/\/$/, '');
 	}
 	a.active {
 		font-weight: bolder;
-		text-decoration: underline;
+		border-bottom: 2px solid;
 	}
 </style>