Additional responsiveness fixes

embengineering · embengineering · commit d27f99d508f3 · 2025-04-02T14:34:41.000Z
diff --git a/index.html b/index.html
@@ -49,7 +49,7 @@
 
     <title>EMB Engineering - Software Engineer & Life Enthusiast</title>
   </head>
-  <body class="font-sans antialiased text-gray-900 leading-normal tracking-wider bg-screen-image bg-cover">
+  <body class="font-sans antialiased text-gray-900 leading-normal tracking-wider bg-screen-image bg-cover bg-center min-h-screen">
     <noscript>You need to enable JavaScript to run this website.</noscript>
     <div id="root"></div>
     <script type="module" src="/src/main.tsx"></script>
diff --git a/src/components/Home.tsx b/src/components/Home.tsx
@@ -29,7 +29,7 @@ const Home = () => {
   }, [darkMode]);
 
   return (
-    <div className="max-w-7xl max-h-screen h-screen flex items-center justify-center px-6 mx-auto">
+    <div className="max-w-7xl flex items-center justify-center px-6 pt-20 pb-6 lg:py-6 mx-auto">
       <div className="w-full lg:basis-2/3 rounded-lg lg:rounded-l-lg shadow-2xl bg-gray-100 dark:bg-gray-900 text-gray-900 dark:text-gray-100">
         <div className="p-4 md:p-12 text-center lg:text-left">
           <div className="block lg:hidden rounded-full shadow-xl mx-auto -mt-16 h-48 w-48 bg-cover bg-center bg-profile-mobile"></div>
