Merge pull request 'app: updated for mobile ui' (#2) from feat/mobile-ui into main

Reviewed-on: #2
2025-08-30 07:50:37 +10:00
parent 18054bc982 a96ee924d9
commit d438440055
2 changed files with 5 additions and 2 deletions
--- a/src/app/(app)/layout.tsx
+++ b/src/app/(app)/layout.tsx
@@ -25,7 +25,7 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${geistSans.variable} ${geistMono.variable} antialiased px-4`}
      >
        {children}
      </body>
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -13,7 +13,10 @@ const IndexPage = async () => {
    <div className="flex flex-col gap-4 justify-center items-center h-screen">
      <Image className="rounded-full" src="/images/liam_pietralla.jpg" width={200} height={200} alt="Liam Pietralla" />
      <h1 className="text-5xl font-bold">Liam Pietralla</h1>
-      <h2 className="text-xl">Enthusiastic Software Developer & DevOps Engineer</h2>
+      <div className="flex flex-col md:flex-row gap-0 md:gap-[7px]">
+        <h2 className="text-xl text-center">Enthusiastic Software Developer</h2>
+        <h2 className="text-xl text-center mt-[-5px] md:mt-0">& DevOps Engineer</h2>
+      </div>
      <Rule className="w-[300px]" />
      <div className="flex flex-row gap-4">
        {home.mainLinks.map(link => (