🐛 fix: changed pointer-cursor to cursor-pointer for the label htm…

…lFor="menu-toggle".
rabira-hierpa · Aug 21, 2023 · 950b45d · 950b45d
1 parent 00bb26d
commit 950b45d
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/src/components/header.js b/src/components/header.js
@@ -16,7 +16,7 @@ const Header = ({ siteTitle }) => (
         <div className="mt-3 text-red-600">Rz Codes</div>
       </Link>
     </div>
-    <label htmlFor="menu-toggle" className="pointer-cursor lg:hidden block">
+    <label htmlFor="menu-toggle" className="cursor-pointer lg:hidden block">
       <svg
         className="fill-current text-gray-900"
         xmlns="http://www.w3.org/2000/svg"
@@ -30,49 +30,49 @@ const Header = ({ siteTitle }) => (
     </label>
     <input className="hidden" type="checkbox" id="menu-toggle" />
     <div className="hidden lg:flex lg:items-center lg:w-auto w-full" id="menu">
-      <nav className="flex items-center ">
-        <ul className="lg:flex items-center space-x-4 pt-4 lg:pt-0">
-          <li>
+      <nav>
+        <ul className="text-xl text-center items-center gap-x-5 pt-4 md:gap-x-4 lg:text-lg lg:flex  lg:pt-0">
+          <li className="py-2 lg:py-0 ">
             <Link
               className="text-red-600 hover:pb-4 hover:border-b-4 hover:border-yellow-400"
               to="/blog"
             >
               Blog
             </Link>
           </li>
-          <li>
+          <li className="py-2 lg:py-0 ">
             <Link
               className="text-red-600 hover:pb-4 hover:border-b-4 hover:border-yellow-400"
               to="/projects"
             >
               Projects
             </Link>
           </li>
-          <li>
+          <li className="py-2 lg:py-0 ">
             <Link
               className="text-red-600 hover:pb-4 hover:border-b-4 hover:border-yellow-400"
               to="/apps"
             >
               Apps
             </Link>
           </li>
-          <li>
+          <li className="py-2 lg:py-0 ">
             <Link
               className="text-red-600 hover:pb-4 hover:border-b-4 hover:border-yellow-400"
               to="/designs"
             >
               Designs
             </Link>
           </li>
-          <li>
+          <li className="py-2 lg:py-0 ">
             <Link
               className="text-red-600 hover:pb-4 hover:border-b-4 hover:border-yellow-400"
               to="/my-journey"
             >
               My Journey
             </Link>
           </li>
-          <li>
+          <li className="py-2 lg:py-0 ">
             <Link
               className="text-red-600 hover:pb-4 hover:border-b-4 hover:border-yellow-400"
               to="/about"