From 26f1a1e4b624ad6981817f9d7905d3ef2e4b9b64 Mon Sep 17 00:00:00 2001
From: yashi-15 <132138302+yashi-15@users.noreply.github.com>
Date: Fri, 23 Feb 2024 22:58:32 +0530
Subject: [PATCH] Fixed navbar elements in mobile devices (#609)

---
 style.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index fbd2e5a59..067dc07df 100644
--- a/style.css
+++ b/style.css
@@ -1569,16 +1569,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 +1604,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;
     }