From e0bc92ab4444ee95165d7ebeb2af111fa8528ba4 Mon Sep 17 00:00:00 2001
From: Andreas Schaafsma <and.schaafsma@gmail.com>
Date: Mon, 22 May 2023 11:12:51 +0200
Subject: [PATCH] Nav Fix

---
 src/components/navbar.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 7ea3ed6..672420c 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -1,11 +1,10 @@
 import styles from "./styles.navbar.module.css"
 
 const navItems = ["News", "Projects", "About Me"];
+const navList = navItems.map(value => <a key={value} className={styles.navItem}>{value}</a>);
 
 export default function Navbar() {
-    return <div className={`${styles.navbar}`}>
-        {navItems.map((value, i) => {
-            return (<a className={styles.navItem}>{value}</a>)
-        })}
-    </div>
+    return <nav className={`${styles.navbar}`}>
+        <ul>{navList}</ul>
+    </nav>
 }
\ No newline at end of file