navbar styles

buyonjederrick · May 27, 2023 · c65475c · c65475c
1 parent 4f104ea
commit c65475c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -25,7 +25,11 @@
 }
 
 .flex-center {
-  @apply flex  items-center justify-center;
+  @apply flex items-center justify-center;
+}
+
+.flex-between {
+  @apply flex justify-between items-center;
 }
 
 .custom-btn {

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -6,8 +6,8 @@ import CustomButton from "./CustomButton";
 const NavBar = () => {
   return (
     <header className="w-full  absolute z-10">
-      <nav className="max-w-[1440px] mx-auto flex justify-between items-center sm:px-16 px-6 py-4 bg-transparent">
-        <Link href="/" className="flex justify-center items-center">
+      <nav className="max-width flex-betweeb padding-x padding-y bg-transparent">
+        <Link href="/" className="flex-center">
           <Image
             src="/logo.svg"
             alt="logo"