From 8e7239ad9692c0278fb045cb66e2cf1c34e6f17b Mon Sep 17 00:00:00 2001
From: Subham Singh <risabsingh9903115009@gmail.com>
Date: Wed, 2 Oct 2024 20:06:30 +0530
Subject: [PATCH 1/2] Fixed hamburger menu,colour,search icon,greeting phrase

---
 frontend/src/Pages/Herosection.css | 12 ++++++------
 frontend/src/Pages/Herosection.jsx |  5 +++--
 frontend/src/Pages/hamburger.jsx   | 20 +++++++++++---------
 3 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/frontend/src/Pages/Herosection.css b/frontend/src/Pages/Herosection.css
index 59cf529..8ebc233 100644
--- a/frontend/src/Pages/Herosection.css
+++ b/frontend/src/Pages/Herosection.css
@@ -2,14 +2,14 @@
 @tailwind components;
 @tailwind utilities;
 
-body{
+body {
     padding: 0;
     margin: 0;
-   
-   background-image: url('../assets/mixbg.png');
+    background-image: url('../assets/mixbg.png');
     background-size: cover;
     background-position: center;
     height: 100vh;
-    width: 100%;
-}
-
+    width: 100vw; 
+    overflow: hidden; 
+    position: relative; 
+}
\ No newline at end of file
diff --git a/frontend/src/Pages/Herosection.jsx b/frontend/src/Pages/Herosection.jsx
index f5830ea..0509f55 100644
--- a/frontend/src/Pages/Herosection.jsx
+++ b/frontend/src/Pages/Herosection.jsx
@@ -27,9 +27,10 @@ const Herosection = () => {
         
         <div className='relative z-50 flex items-center justify-betweenv'>
         <div><HamburgerMenu /></div>
-        <div className='cursor-pointer'><img src={searchsvg} alt="" srcset="" /></div>
+        <div className='cursor-pointer ml-auto mr-8'>
+            <img src={searchsvg} alt="" srcset="" /></div>
         </div>
-        <h1 className='pl-4 text-2xl font-extrabold text-left text-white md:pl-40 '>Namaste !! Yatree </h1>
+        <h1 className='pl-4 text-2xl font-extrabold text-center text-white  '>Namaste !! Yatree </h1>
         <div className="relative flex items-center justify-center bg-center bg-cover herosection">
            
             <div className='relative z-10 grid justify-items-center'>
diff --git a/frontend/src/Pages/hamburger.jsx b/frontend/src/Pages/hamburger.jsx
index 0385e39..b719bb8 100644
--- a/frontend/src/Pages/hamburger.jsx
+++ b/frontend/src/Pages/hamburger.jsx
@@ -24,8 +24,8 @@ const fadeOut = keyframes`
 const MenuIcon = styled.div`
     width: 30px;
     height: 3px;
-    background-color: #333;
-    margin: 6px 0;
+    background-color: white;
+    margin: 6px 20px;
     transition: transform 0.4s, opacity 0.4s;
 `;
 
@@ -39,19 +39,21 @@ const Menu = styled.div`
     display: ${({ open }) => (open ? 'block' : 'none')};
     background-color: white;
     position: absolute;
-    
-    height: 90vh;
-    width: 80vw;
+    height: 100vh;
+    width: 30vw;
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
     animation: ${({ open }) => (open ? fadeIn : fadeOut)} 0.4s;
+      @media (max-width: 768px) {
+    width: 100vw;
+  }
 `;
 
 const MenuItem = styled.a`
     color: rgb(59 130 246);
-    padding: 12px 16px;
+    padding: 22px 16px;
     text-decoration: none;
     display: block;
-
+    text-align: center;
     &:hover {
         background-color: rgb(59 130 246);
         color:white;
@@ -68,9 +70,9 @@ const Hamburger = () => {
     return (
         <div>
             <HamburgerContainer onClick={toggleMenu}>
-                <MenuIcon style={{ transform: open ? 'rotate(-45deg) translate(-5px, 6px)' : 'rotate(0)' }} />
+                <MenuIcon style={{ transform: open ? 'rotate(-45deg) translate(-25px, -6px)' : 'rotate(0)' }} />
                 <MenuIcon style={{ opacity: open ? 0 : 1 }} />
-                <MenuIcon style={{ transform: open ? 'rotate(45deg) translate(-5px, -6px)' : 'rotate(0)' }} />
+                <MenuIcon style={{ transform: open ? 'rotate(45deg) translate(-25px, 6px)' : 'rotate(0)' }} />
             </HamburgerContainer>
             <Menu open={open}>
                 <MenuItem href="#home">Home</MenuItem>

From 66d14171aa4fc9f8e0ae8df9250658fb0cf28137 Mon Sep 17 00:00:00 2001
From: Subham Singh <125077858+1-SubhamSingh@users.noreply.github.com>
Date: Wed, 2 Oct 2024 21:17:11 +0530
Subject: [PATCH 2/2] Updated overflow property.

---
 frontend/src/Pages/Herosection.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Pages/Herosection.css b/frontend/src/Pages/Herosection.css
index 8ebc233..fdbb1ce 100644
--- a/frontend/src/Pages/Herosection.css
+++ b/frontend/src/Pages/Herosection.css
@@ -10,6 +10,6 @@ body {
     background-position: center;
     height: 100vh;
     width: 100vw; 
-    overflow: hidden; 
+    overflow-x : hidden;
     position: relative; 
-}
\ No newline at end of file
+}