improving navbar width

Author: andrenormanlang

apps/client/src/App.css

@@ -74,7 +74,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  max-width: 1200px;
+  /* max-width: 1200px; */
   margin: 0 auto;
 }
 .navbar .navbarTitle {

apps/client/src/assets/scss/_navbar.scss

@@ -12,7 +12,7 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    max-width: 1200px;
+    /* max-width: 1200px; */
     margin: 0 auto;
   }
 

apps/client/src/components/NavBar.tsx

@@ -76,7 +76,7 @@ const Navbar: React.FC = () => {
 
   return (
     <nav className={`navbar p-2 h-16 top-0 z-50 transition-colors duration-500`}>
-      <div className="navbarContent container mx-auto flex justify-between items-center">
+      <div className="navbarContent container mx-auto justify-between ">
         {/* Logo and Brand Name */}
         <Link
           to="/"

apps/client/tailwind.config.js

@@ -14,7 +14,7 @@ module.exports = {
       center: true,
       padding: "2rem",
       screens: {
-        "2xl": "1400px",
+        "2xl": "2100px",
       },
     },
     extend: {