fix: adjust padding in Hero and Navbar components for improved layout

paulemacedo · Jan 25, 2025 · 6f50a47 · 6f50a47
1 parent 48a621b
commit 6f50a47
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -47,7 +47,7 @@ const Hero = () => {
     ];
 
     return (
-        <div className='mt-24 max-w-[1000px] mx-auto relative'>
+        <div className='max-w-[1000px] mx-auto relative pt-24'>
             <div className='grid md:grid-cols-2 place-items-center gap-8 p-12'>
                 <motion.div
                 initial={{ opacity: 0, x: -50 }}

diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -46,7 +46,7 @@ const Navbar = () => {
  };
 
  return (
-   <div className='fixed top-0 left-0 w-full bg-opacity-70 backdrop-blur-md z-50'>
+  <div className='fixed top-0 left-0 w-full bg-opacity-70 backdrop-blur-md z-50 py-4'>
      <div className='max-w-[1300px] mx-auto flex justify-between text-gray-200 text-xl items-center px-12 h-20'>
        <a href='#'>
          <img src={Logo} alt="logo" className='w-14 h-14' />