Merge pull request #606 from Nikhilrsingh/navbar-hover-effect

✨ Enhancement: Added Hover Effects to Navbar Items

Author: adityai0

index.html

@@ -109,10 +109,11 @@ <h2>Loading<span class="dots"></span></h2>
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
           </button>
+          <!-- ================================ issue #605 Starts Here ================================ -->
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
               <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                 <li class="nav-item">
-                    <a class="nav-link active" aria-current="page" href="#top">Home</a>
+                    <a class="nav-link" aria-current="page" href="#top">Home</a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" href="#challengeSection">Challenges</a>
@@ -128,6 +129,7 @@ <h2>Loading<span class="dots"></span></h2>
                   </li>
                 </ul>
           </div>
+          <!-- ================================ issue #605 Ends Here ================================ -->
         </div>
       </nav>
     </header>

styles/main.css

@@ -23,7 +23,7 @@ html {
   color: #2563eb;
 }
 
-.navbar-brand:hover {
+.navbar-brand,.nav-link:hover {   /*========added for issue #605========*/
   color: #2563eb;
   nav {
     position: fixed;