From b3ee7b4859a82d98d8b52be856d48bf0290bc3a1 Mon Sep 17 00:00:00 2001
From: Wind-Explorer <66894537+Wind-Explorer@users.noreply.github.com>
Date: Sun, 11 Aug 2024 17:32:14 +0800
Subject: [PATCH] Enhanced homepage CSS

---
 client/src/pages/HomePage.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/pages/HomePage.tsx b/client/src/pages/HomePage.tsx
index 466ec3f..740502c 100644
--- a/client/src/pages/HomePage.tsx
+++ b/client/src/pages/HomePage.tsx
@@ -45,7 +45,7 @@ export default function HomePage() {
           className="absolute object-cover w-full h-screen -z-10 brightness-50"
           src="../assets/hdb-bg.mp4"
         ></video>
-        <div className="p-10 w-full h-full flex flex-col justify-center">
+        <div className="pl-[10vw] w-full h-full flex flex-col justify-center">
           <div className="flex flex-col gap-8">
             <div className="w-60">
               <img
@@ -54,8 +54,10 @@ export default function HomePage() {
                 className="invert hue-rotate-180"
               />
             </div>
-            <p className="text-5xl font-bold max-w-[600px]">
-              Connecting neighbourhoods together
+            <p className="text-5xl font-bold leading-tight">
+              Connecting
+              <br />
+              neighbourhoods together
             </p>
             <div className="flex flex-row gap-4">
               <button