From c0bdf5fcf1a2ce45915599391ff143fd795f67c2 Mon Sep 17 00:00:00 2001
From: "[dyad]" <git@dyad.sh>
Date: Tue, 20 Jan 2026 12:02:40 +0100
Subject: [PATCH] [dyad] Made footer separator full-width - wrote 2 file(s)

---
 src/app/page.tsx          | 22 ++++++++++++----------
 src/components/footer.tsx |  4 ++--
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4287a0f..d6fa189 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,17 +3,19 @@ import { MetaForm } from "@/components/meta-form";
 
 export default function Home() {
   return (
-    <div className="grid grid-rows-[1fr_auto] items-center justify-items-center min-h-screen p-4 sm:p-8 font-[family-name:var(--font-geist-sans)] bg-background">
-      <main className="flex flex-col gap-8 row-start-1 items-center w-full max-w-2xl">
-        <div className="text-center space-y-2">
-          <h1 className="text-3xl sm:text-4xl font-bold text-foreground">
-            Meta Tag Extractor
-          </h1>
-          <p className="text-muted-foreground">
-            Enter a URL to extract its meta title and description.
-          </p>
+    <div className="flex flex-col min-h-screen p-4 sm:p-8 font-[family-name:var(--font-geist-sans)] bg-background">
+      <main className="flex-grow flex items-center justify-center">
+        <div className="flex flex-col gap-8 items-center w-full max-w-2xl">
+          <div className="text-center space-y-2">
+            <h1 className="text-3xl sm:text-4xl font-bold text-foreground">
+              Meta Tag Extractor
+            </h1>
+            <p className="text-muted-foreground">
+              Enter a URL to extract its meta title and description.
+            </p>
+          </div>
+          <MetaForm />
         </div>
-        <MetaForm />
       </main>
       <Footer />
     </div>
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 69e3cfb..e3ab1cb 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -3,9 +3,9 @@ import { Separator } from "@/components/ui/separator";
 
 export const Footer = () => {
   return (
-    <footer className="w-full max-w-2xl p-4 row-start-2">
+    <footer className="w-full pt-4">
       <Separator className="mb-4" />
-      <div className="flex justify-between items-center">
+      <div className="w-full max-w-2xl mx-auto flex justify-between items-center">
         <p className="text-sm text-muted-foreground">
           v0.1.0
         </p>