fix menu default, hero indentation

sinjini05 · Jun 27, 2023 · 01716a0 · 01716a0
1 parent 609504c
commit 01716a0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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