Fix horizontal scroll on landing page + add meta viewport

middlewarehq · Dec 11, 2023 · 7c92400 · 7c92400
1 parent 5e5efe1
commit 7c92400
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -3,7 +3,12 @@ import { Html, Head, Main, NextScript } from 'next/document';
 export default function Document() {
   return (
     <Html lang="en">
-      <Head />
+      <Head>
+        <meta
+          name="viewport"
+          content="width=device-width, initial-scale=1, shrink-to-fit=no"
+        />
+      </Head>
       <body>
         <Main />
         <NextScript />

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -18,7 +18,7 @@ export default function Home() {
     <div className="justify-center w-full flex flex-col gap-4 box-border">
       <LogoSvg
         style={{
-          position: 'absolute',
+          position: 'fixed',
           right: '-150px',
           bottom: '-200px',
           opacity: 0.3