fix footer width

index.html

@@ -5,7 +5,7 @@
     <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
     <meta
       name="viewport"
-      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
+      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2"
     />
     <meta name="description" content="Description" />
     <meta name="keywords" content="Keywords" />

src/app.tsx

@@ -69,7 +69,7 @@ export function App() {
         <link rel="icon" href="/favicon.ico" />
       </head>
 
-      <main className="flex w-full flex-1 flex-col items-center justify-center px-4 text-center">
+      <main className="flex flex-1 flex-col items-center justify-center px-4 text-center">
         <h1 className="font-sans text-6xl font-bold">
           <div className={`font-rhr text-red-rhr`}>{formData.page_title}</div>
         </h1>
@@ -167,7 +167,7 @@ export function App() {
         </form>
       </main>
       <footer>
-        <div className="mt-8 flex h-24 flex-col items-center justify-center gap-4">
+        <div className="mt-8 flex h-24 flex-col items-center justify-center p-2">
           <Logo />
         </div>
       </footer>

src/components/Logo.tsx

@@ -1,8 +1,6 @@
 export function Logo() {
   return (
     <svg
-      width="199.07204mm"
-      height="43.952259mm"
       viewBox="0 0 199.07204 43.952259"
       version="1.1"
       id="svg900"

src/index.css

@@ -2,7 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
 body {
   overscroll-behavior: contain;
 }
@@ -15,4 +14,4 @@ body {
 @font-face {
   font-family: 'SF Sports Night NS';
   src: url('/fonts/SF Sports Night NS.ttf');
-}
+}