Update Navbar.jsx Made Header transparent

Made Header transparent
ASHMITA489 · Oct 1, 2023 · a0dedae · a0dedae
1 parent 4635c7e
commit a0dedae
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/Navbar.jsx b/components/Navbar.jsx
@@ -3,7 +3,7 @@ import Link from "next/link";
 
 const Navbar = () => {
   return (
-    <div className="h-[10vh] bg-white border-black border-b-2 flex items-center justify-between px-20 sticky top-0 z-50 hover:bg-slate-800 transition-all duration-200">
+    <div className="flex items-center justify-between h-20 px-11 top-0 z-10 sticky mx-auto bg-transparent backdrop-blur-sm">
       {/* Logo Image */}
       <Link href="/">
         <Image src="/gdsc.png" width={400} height={300} alt="logo"/>