style: mobile landing page adjustments

MarcoEscaleira · Jun 30, 2024 · b56d2a8 · b56d2a8
1 parent 2479f43
commit b56d2a8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
@@ -19,7 +19,7 @@ export const Layout = ({ children }: PropsWithChildren) => {
       </Head>
 
       <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
-        <div className="flex h-screen w-full flex-col bg-gradient-to-r from-blue-600 via-blue-800 to-blue-900 text-gray-100 dark:from-gray-700 dark:via-gray-800 dark:to-gray-900 dark:text-white">
+        <div className="flex h-full min-h-screen w-full flex-col bg-gradient-to-r from-blue-600 via-blue-800 to-blue-900 text-gray-100 dark:from-gray-700 dark:via-gray-800 dark:to-gray-900 dark:text-white">
           <Header />
 
           <main className={`${inter.className} flex flex-1 justify-center`}>{children}</main>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -7,7 +7,7 @@ export default function Home() {
   return (
     <div className="container flex flex-col items-center justify-center md:flex-row">
       <Image src="/marco.jpg" alt="Marco's face" width={250} height={250} className="rounded-[50%] shadow" />
-      <div className="ml-10">
+      <div className="p-4 md:ml-10 md:p-0">
         <Typography variant="h1" className="mb-2">
           Hi 👋, I&apos;m Marco Escaleira.
         </Typography>
@@ -20,7 +20,7 @@ export default function Home() {
           enthusiasm for teamwork and my proactive communication style enhance our collective success.
         </Typography>
 
-        <div className="flex justify-center">
+        <div className="hidden justify-center md:flex">
           <Link
             href="https://www.linkedin.com/in/marco-escaleira00/"
             target="_blank"