Padding only on main

Author: w3bdesign

src/components/Layout/Layout.component.tsx

@@ -56,10 +56,10 @@ const Layout = ({ children, title }: ILayoutProps) => {
   }, [refetch]);
 
   return (
-    <div className="flex flex-col min-h-screen w-full mx-auto px-2 md:px-0">
+    <div className="flex flex-col min-h-screen w-full mx-auto">
       <Header title={title} />
       {title === 'Hjem' ? (
-        <main className="flex-1">{children}</main>
+        <main className="flex-1 px-2 md:px-0">{children}</main>
       ) : (
         <div className="container mx-auto px-6 flex-1">
           <PageTitle title={title} />