feat: Made the navbar fixed on screen and changed image properties

ComputerSocietyVITC · Aug 8, 2024 · 7366f99 · 7366f99
1 parent c75e8d1
commit 7366f99
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -11,7 +11,7 @@ export default function Home() {
   return (
     <main className={montserrat.className}>
       <div className="container mx-auto px-4 text-white">
-        <div className="min-h-screen flex flex-col justify-center scale-[110%] -mt-20">
+        <div className="min-h-screen flex flex-col justify-center scale-[110%] lg:-mt-20">
           <Image
             src="/bitwarsLogo.png"
             alt="logo"

diff --git a/src/components/navbar/Navbar.tsx b/src/components/navbar/Navbar.tsx
@@ -17,7 +17,7 @@ const Navbar = () => {
 
   return (
     <div
-      className={`${montserrat.className} px-6 py-4 lg:px-8 lg:py-6 flex justify-between items-center relative z-50`}
+      className={`${montserrat.className} px-6 py-4 lg:px-8 lg:py-6 flex justify-between items-center lg:relative z-50 fixed top-0 left-0 w-full`}
     >
       {isOpen && (
         <section