diff --git a/app/page.tsx b/app/page.tsx
index d04d395..f6dd341 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -7,13 +7,13 @@
 
 export default function Home() {
   return (
-    <main className={`flex min-h-screen ${process.env.PRODUCTION ? "w-1/2" : "w-full"} flex-col items-center p-2`}>
-      <div id="info" className="flex h-fit gap-2 my-2 justify-between w-full">
+    <main className={`flex min-h-screen ${process.env.PRODUCTION ? "w-full lg:w-1/2" : "w-full"} flex-col items-center p-2 w-full`}>
+      <div id="info" className="grid grid-cols-3 grid-rows-1 h-fit gap-2 my-2 justify-between w-full">
         <div className="flex flex-col text-sm">
           <h1 className="text-sm">Delaware, USA</h1>
           <a href="mailto:coded@clicks.codes"><p>coded@clicks.codes</p></a>
         </div>
-        <h1 className="text-2xl pl-40">Samuel Shuert</h1>
+        <h1 className="text-2xl">Samuel Shuert</h1>
         <div className="flex flex-col text-sm text-right">
           <a href="https://linkedin.com/in/samuelshuert"><p className="underline">linkedin.com/in/samuelshuert</p></a>
           <a href="https://github.com/TheCodedProf"><p className="underline">github.com/TheCodedProf</p></a>