commit 5ac352a69a5b39778c5eb7f96c6ddc71d606c0c6
author Samuel Shuert <coded@clicks.codes> Wed Feb 07 18:36:49 2024 -0500
committer Samuel Shuert <coded@clicks.codes> Wed Feb 07 23:37:18 2024 +0000
tree 8d9f856bb2293601555ef550f1a8e0d7376f021d
parent e4974b45256e554427f44a1a81463456faf2f798

Add page resize for small screens

Change-Id: Ibe77adfa9913be13804fafc0ba634da425d60231
Reviewed-on: https://git.clicks.codes/c/Coded/Resume/+/367
Reviewed-by: Samuel Shuert <coded@clicks.codes>
Tested-by: Samuel Shuert <coded@clicks.codes>

app/page.tsx

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>