max width

hngprojects · Jul 25, 2024 · 6d66518 · 6d66518
1 parent f4c4c36
commit 6d66518
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -20,9 +20,11 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <Providers />
-        {children}
-        <Toaster />
+        <div className="mx-auto w-full max-w-[1440px]">
+          <Providers />
+          {children}
+          <Toaster />
+        </div>
       </body>
     </html>
   );

diff --git a/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx b/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx
@@ -9,7 +9,7 @@ const HeroSection: React.FC = () => {
       <div className="absolute inset-0 z-20 h-full w-full bg-black/20"></div>
       <Image
         src={blogHero}
-        layout="fill"
+        fill
         className="absolute inset-0 object-cover"
         alt="Hero Background"
       />