Fix Footer position

vitaliimelnychuk · Apr 28, 2024 · 1bc055c · 1bc055c
1 parent db1a8f5
commit 1bc055c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -16,8 +16,8 @@ export default function RootLayout({
           content="I’m Vitalii, a software engineer  based in Porto, Portugal. I occasinally build new stuff and share my learnings here."
         />
       </head>
-      <body className="flex h-full flex-col bg-zinc-50 dark:bg-black">
-        <div className="flex h-full flex-col">
+      <body className="flex min-h-full flex-col bg-zinc-50 dark:bg-black">
+        <div className="flex min-h-full flex-col">
           <div className="fixed inset-0 flex justify-center">
             <div className="flex w-full max-w-7xl">
               <div className="w-full bg-white ring-1 ring-zinc-100 dark:bg-zinc-900 dark:ring-zinc-300/20" />

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -15,7 +15,7 @@ function NavLink({ href, children }: { href: string; children: ReactNode }) {
 }
 export function Footer() {
   return (
-    <footer className="mt-32">
+    <footer className="mt-24">
       <OuterContainer>
         <div className="border-t border-zinc-100 pt-10 pb-16 dark:border-zinc-700/40">
           <InnerContainer>