From fd5706aa68477ef096e02fcc415b12625c4e071f Mon Sep 17 00:00:00 2001
From: yashi-15 <sharmayashi270@gmail.com>
Date: Fri, 23 Feb 2024 18:58:41 +0530
Subject: [PATCH 1/2] navbar improved for small devices

---
 style.css | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index fbd2e5a59..c93de4b66 100644
--- a/style.css
+++ b/style.css
@@ -230,7 +230,8 @@ nav {
 
 nav ul {
     display: flex;
-    gap: 2rem;
+    gap: 3rem;
+    padding: 2rem;
     list-style: none;
 }
 
@@ -1569,16 +1570,18 @@ section {
 @media only screen and (max-width: 768px) {
     .nav-menu {
         position: fixed;
-        height: 100%;
+        height: 100vh;
         left: -100%;
-        top: 5rem;
+        top: 0rem;
         flex-direction: column;
-        background-color: black;
+        background-color: rgba(26, 9, 46, 0.9);
         width: 100%;
         border-radius: 10px;
         text-align: center;
+        padding: auto;
         transition: 0.3s;
         box-shadow: 0 10px 27px rgba(0, 0, 0, 0.05);
+        transition: 0.5s ease-in-out;
     }
 
     .herocontainer {
@@ -1602,10 +1605,13 @@ section {
 
     .nav-menu.active {
         left: 0;
+        height:100vh;
+        backdrop-filter: blur(7px);
+        transition: 0.5s ease-in-out;
     }
 
     .nav-item {
-        margin: 2.5rem 0;
+        margin: 3.5rem 0;
         font-size: 20px;
     }
 

From 37ef079f90937f4ae8906d8ca661ac1b674fd5d7 Mon Sep 17 00:00:00 2001
From: Rakesh Roshan <roshanrakesh7362@gmail.com>
Date: Fri, 23 Feb 2024 22:55:29 +0530
Subject: [PATCH 2/2] Update style.css

---
 style.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/style.css b/style.css
index c93de4b66..067dc07df 100644
--- a/style.css
+++ b/style.css
@@ -230,8 +230,7 @@ nav {
 
 nav ul {
     display: flex;
-    gap: 3rem;
-    padding: 2rem;
+    gap: 2rem;
     list-style: none;
 }