fix: makes footer at bottom if content size < screen size

noodle-run · Jun 6, 2024 · f5aa956 · f5aa956
1 parent 87f08b7
commit f5aa956
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/app/(marketing)/layout.tsx b/src/app/(marketing)/layout.tsx
@@ -12,11 +12,11 @@ import { Footer } from './_components/footer';
  */
 export default function RootLayout({ children }: PropsWithChildren) {
   return (
-    <main>
+    <div className="flex min-h-dvh flex-col">
       <div className="absolute left-0 top-0 z-[-1] h-56 w-full bg-gradient-to-b from-indigo-subtle to-background" />
       <Navbar />
-      <div className="container">{children}</div>
+      <div className="container flex-1">{children}</div>
       <Footer />
-    </main>
+    </div>
   );
 }