From 01716a0500bd487b69501aba5631ac0fc68fe44c Mon Sep 17 00:00:00 2001
From: sinjini05 <98803426+sinjini05@users.noreply.github.com>
Date: Tue, 27 Jun 2023 22:59:43 +0530
Subject: [PATCH] fix menu default, hero indentation

---
 src/components/Hero.jsx   | 6 +++---
 src/components/Navbar.jsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
index 2eb209d..44e271d 100644
--- a/src/components/Hero.jsx
+++ b/src/components/Hero.jsx
@@ -13,15 +13,15 @@ const Hero = () => {
         </div>
       <div >
         <h1 className={`${styles.heroHeadText}
-        text-white mt-10`}> Hi, I'm Sinjini! 
+         mt-10 items-center flex ml-5`}> Hi, I'm Sinjini! 
         </h1>
-        <p className={`${styles.heroSubText} mt-3 text-white-100 `}>
+        <p className={`${styles.heroSubText} mt-4 max-w-2xl items-center justify-center flex  `}>
           A Web developer based out of Assam, India 
           and a final-year BTech CSE Student. 
         </p >
       </div>
       </div>
-      <div className='absolute inset-0 top-[420px] max-w-7xl mx-auto flex flex-row items-start justify-center mt-20'>
+      <div className='absolute inset-0 top-[390px] max-w-7xl mx-auto flex flex-row items-start justify-center mt-20'>
 
       <div className='items-center flex justify-center'>
       <div className='flex '>
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 3e0820a..9cf1051 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -44,14 +44,14 @@ const Navbar = () => {
 
         <div className="sm:hidden flex flex-1 justify-end items-center">
           <img
-          src={toggle ? close : menu}
+          src={!toggle ? close : menu}
           alt="menu"
           className="w-[28px] h-[28px]
           object-contain cursor-pointer"
           onClick={()=>setToggle(!toggle)}
           />
 
-          <div className={`${!toggle? 'hidden' : 'flex'} p-6 black-gradient absolute top-20 right-0 mx-4 my-2 min-w-[140px] z-10 rounded-xl)`}>
+          <div className={`${toggle? 'hidden' : 'flex'} p-6 black-gradient absolute top-20 right-0 mx-4 my-2 min-w-[140px] z-10 rounded-xl)`}>
           <ul className="list-none flex justify-end items-start flex-col gap-4">
           {navLinks.map((link)=>(
             <li