small change

layouts/MainLayout.tsx

@@ -5,7 +5,7 @@ export const MainLayout = ({ children }: PropsWithChildren) => {
   return (
     <div className="w-11/12 lg:w-2/3 m-auto overflow-x-hidden">
       <Navbar />
-      <main className="mx-10">{children}</main>
+      <main className="xl:p-10 p-6 xl:mt-10 mt-4">{children}</main>
     </div>
   );
 };