Enhanced homepage CSS

This commit is contained in:
Wind-Explorer
2024-08-11 17:32:14 +08:00
parent 7966f8710b
commit b3ee7b4859

View File

@@ -45,7 +45,7 @@ export default function HomePage() {
className="absolute object-cover w-full h-screen -z-10 brightness-50" className="absolute object-cover w-full h-screen -z-10 brightness-50"
src="../assets/hdb-bg.mp4" src="../assets/hdb-bg.mp4"
></video> ></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="flex flex-col gap-8">
<div className="w-60"> <div className="w-60">
<img <img
@@ -54,8 +54,10 @@ export default function HomePage() {
className="invert hue-rotate-180" className="invert hue-rotate-180"
/> />
</div> </div>
<p className="text-5xl font-bold max-w-[600px]"> <p className="text-5xl font-bold leading-tight">
Connecting neighbourhoods together Connecting
<br />
neighbourhoods together
</p> </p>
<div className="flex flex-row gap-4"> <div className="flex flex-row gap-4">
<button <button