From 22a2256b531cdcd9519a2d93350878492ab5a0fc Mon Sep 17 00:00:00 2001
From: Elizabeth Giesbrecht <57484710+elizabethajg@users.noreply.github.com>
Date: Sat, 3 Dec 2022 15:46:09 -0800
Subject: [PATCH] Completed tickets 1 and 2

---
 src/index.html | 10 +++++-----
 src/script.js  |  4 ++--
 src/styles.css |  1 +
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/index.html b/src/index.html
index 04bd19e..800c86c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -23,15 +23,15 @@
           ><i class="fa fa-bars"></i
         ></a>
         <!-- TODO: Fix Issue, Desktop Nav Is Visible on Mobile -->
-        <a id="nav-logo" class="bar-item button padding-large white">JobSimulator.Dev</a>
-        <a id="nav-challenges" class="bar-item button padding-large hover-white">Browse Challenges</a>
-        <a id="nav-signup" class="bar-item button padding-large hover-white">Sign Up</a>
+        <a href="#header" id="nav-logo" class="bar-item button padding-large white">JobSimulator.Dev</a>
+        <a href="#challenges" id="nav-challenges" class="bar-item button hide-small padding-large hover-white">Browse Challenges</a>
+        <a href="#signup" id="nav-signup" class="bar-item button hide-small padding-large hover-white">Sign Up</a>
       </div>
 
       <!-- Navbar on small screens -->
       <div id="mobile-nav" class="bar-block white hide hide-large hide-medium large">
-        <a id="mobile-nav-challenges" class="bar-item button padding-large">Browse Challenges</a>
-        <a id="mobile-nav-signup" class="bar-item button padding-large">Sign Up</a>
+        <a href="#challenges" id="mobile-nav-challenges" class="bar-item button padding-large">Browse Challenges</a>
+        <a href="#signup" id="mobile-nav-signup" class="bar-item button padding-large">Sign Up</a>
       </div>
     </nav>
 
diff --git a/src/script.js b/src/script.js
index 529f585..050e10b 100644
--- a/src/script.js
+++ b/src/script.js
@@ -34,8 +34,8 @@ addEventListener("submit", (event) => {
 
 let toggleNav = () => {
   var nav = document.getElementById("mobile-nav");
-  if (nav.className.indexOf("show") == -1) {
-    nav.className += " show";
+  if (nav.className.indexOf(" show") == -1) {
+    nav.className += "show";
   } else {
     nav.className = nav.className.replace(" show", "");
   }
diff --git a/src/styles.css b/src/styles.css
index 2cbb72e..67b07d1 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -695,6 +695,7 @@ form > span {
   .dropdown-hover.mobile,
   .dropdown-click.mobile {
     text-align: center;
+
   }
   .dropdown-hover.mobile,
   .dropdown-hover.mobile .btn,