From 2010fc0999d58d453924b1ecf1f1e8cb7468a269 Mon Sep 17 00:00:00 2001
From: Shobhit1729Aryan <shobhitaryan2003@gmail.com>
Date: Fri, 18 Oct 2024 15:09:47 +0530
Subject: [PATCH] corrected the nav bar also in dark mode

---
 assets/css/darkmode.css | 10 +++++++++-
 index.html              |  5 +++--
 style.css               |  5 +++--
 3 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/assets/css/darkmode.css b/assets/css/darkmode.css
index 28476bbb..fabd6149 100644
--- a/assets/css/darkmode.css
+++ b/assets/css/darkmode.css
@@ -374,6 +374,7 @@ body.nav-active {
   z-index: 2;
   transition: 0.25s var(--cubic-in);
   visibility: hidden;
+  gap: 2rem;
 }
 
 .navbar.active {
@@ -396,12 +397,14 @@ body.nav-active {
 
 .navbar-item:not(:last-child) {
   border-block-end: 1px solid var(--black_10);
+  
 }
 
 .navbar-link {
   padding-block: 8px;
   transition: var(--transition);
   color: var(--light-gray);
+ 
 }
 
 .navbar-link:is(:hover, :focus-visible) {
@@ -1232,11 +1235,12 @@ body.nav-active {
   .navbar.active {
     all: unset;
     display: block;
+    margin-left: -23px;
   }
 
   .navbar-list {
     display: flex;
-    gap: 8px;
+    gap: rem;
   }
 
   .navbar-item:not(:last-child) {
@@ -1534,6 +1538,7 @@ button:hover {
   background: var(--black);
   border-radius: 50px;
   position: relative;
+  
 }
 
 .searchButton {
@@ -1570,6 +1575,8 @@ button:hover {
 }
 .searchInput::placeholder {
   color: var(--light-coral);
+ 
+
 }
 .searchInput {
   border: none;
@@ -1578,6 +1585,7 @@ button:hover {
   color: var(--light-coral);
   font-size: 15px;
   padding: 8px;
+  padding-left: 13px;
 }
 
 .svgxml {
diff --git a/index.html b/index.html
index c3b7bb1d..d42224fb 100644
--- a/index.html
+++ b/index.html
@@ -65,7 +65,7 @@
   -->
   <header class="header" data-header>
 
-    <div class="container" style="margin-left: 13rem;">
+    <div class="container" style="margin-left: 5rem;">
 
       <a href="#">
         <img src="./assets/images/Skillwise_logo-removebg-preview.png" width="50" height="10" alt="SkillWise home">
@@ -156,7 +156,8 @@
           </li>
         </ul>
       </nav>
-      <a href="../signin.html" class="btn" id = "freeTrial">Start Free Trial</a>
+       
+      <a href="../signin.html" class="btn" id = "freeTrial"  >Start Free Trial</a> 
 
       <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
         <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
diff --git a/style.css b/style.css
index 8d8586c4..876ffa8c 100644
--- a/style.css
+++ b/style.css
@@ -180,7 +180,8 @@
 #freeTrial{
   position: absolute;
  right: 80px;
-
+margin-right: 60px;
+ 
 
 }
 
@@ -188,5 +189,5 @@
   position: absolute;
   right: 5px;
   top: 20px;
-  
+  margin-right: 60px;
 }