From 9819a090ecea3b6b71677bc0a1c38358e1d87fcb Mon Sep 17 00:00:00 2001
From: nisha <nishakulkarni2006@gmail.com>
Date: Mon, 9 Dec 2024 20:15:12 +0530
Subject: [PATCH 1/2] addded some styles in navbar for small screen sizes

---
 style.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index dcf677a7..90410aab 100644
--- a/style.css
+++ b/style.css
@@ -99,15 +99,20 @@
   transition: all 0.3s ease-in-out;
 }
 
-@media (max-width: 768px) {
-  /* .container {
-    flex-direction: column;
-    display: none;
-  }
-
+ @media (max-width: 768px) {
+    .container {
+      flex-direction: column;
+    display: none;  
+     background-color: transparent; 
+    background: linear-gradient(to right, rgba(128, 128, 128, 0.5), rgba(64, 64, 64, 0.5)); 
+     width: 35%; 
+     margin-left: 65%; 
+   } 
+ }  
+/*
   .navbar.open .container {
     display: flex; /* Show the navbar when the menu is open */
-  }
+  /* } */
 
   
   /* .hamburger {
@@ -128,3 +133,4 @@
     transform: rotate(-45deg) translate(5px, -5px);
   }
 }
+

From ebc170c6eb33f52dd29458895c907751739ae050 Mon Sep 17 00:00:00 2001
From: nisha <nishakulkarni2006@gmail.com>
Date: Mon, 9 Dec 2024 22:08:46 +0530
Subject: [PATCH 2/2] resolved some errors

---
 style.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index 90410aab..b17747a7 100644
--- a/style.css
+++ b/style.css
@@ -101,14 +101,18 @@
 
  @media (max-width: 768px) {
     .container {
-      flex-direction: column;
-    display: none;  
-     background-color: transparent; 
-    background: linear-gradient(to right, rgba(128, 128, 128, 0.5), rgba(64, 64, 64, 0.5)); 
-     width: 35%; 
-     margin-left: 65%; 
-   } 
+    flex-direction: column;
+    background: linear-gradient(to right, rgba(128, 128, 128, 0.5), rgba(64, 64, 64, 0.5));
+    position: fixed;
+    top: 0;
+    left: 20%; /* Add margin from the left */
+    width: 80%; /* Adjust width to fit the remaining space */
+    height: 24rem;
+    z-index: 100;
+    padding: 1rem; 
+    }
  }  
+  
 /*
   .navbar.open .container {
     display: flex; /* Show the navbar when the menu is open */