refactor: plain CSS used instead of modifying tailwind.config.js

Author: hammad-khan-iomechs

components/navbar.js

@@ -45,7 +45,7 @@ const Navbar = () => {
             <Link href="/faqs">FAQs</Link>
           </div>
         </div>
-        <div className="flex md:hidden hamburger" onClick={showMenu}>
+        <div className="hamburger" onClick={showMenu}>
           <p>{isMenuOpen ? <AiOutlineClose /> : <MdMenu />}</p>
         </div>
       </nav>

styles/components/navbar_style.css

@@ -76,3 +76,9 @@ nav {
     gap: 8px;
   }
 }
+
+@media (min-width: 899px) {
+  .hamburger {
+    display: none;
+  }
+}

tailwind.config.js

@@ -9,9 +9,6 @@ module.exports = {
       colors: {
         "alert-text": "#d4975c",
       },
-      screens: {
-        'md': '899px'
-      },
       fontFamily: {
         poppins: ["poppins"],
       },