diff --git a/components/layout.tsx b/components/layout.tsx
index ebf75fd..4016b61 100644
--- a/components/layout.tsx
+++ b/components/layout.tsx
@@ -1,9 +1,14 @@
-import Header from './header'
-import Footer from './footer'
-import {ReactNode} from 'react'
+import Header from "./header"
+import Footer from "./footer"
+import {ReactNode} from "react"
+import Head from "next/head"
 
 const Layout = ({children}: {children: ReactNode}) => {
 	return <>
+		<Head>
+			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+			<title>wych.dev</title>
+		</Head>
 		<Header />
 			<main>{children}</main>
 		<Footer />
