Make mobile responsiveness better for the landing page

Frontend/src/app/(pages)/page.tsx

@@ -7,7 +7,7 @@ import Hero from "@/components/landing/hero";
  * @returns the page jsx
  */
 const LandingPage = (): JSX.Element => (
-	<main>
+	<main className="px-3">
 		<Hero />
 		<FeaturedContent />
 	</main>

Frontend/src/app/components/landing/hero.tsx

@@ -11,7 +11,7 @@ import Link from "next/link";
  */
 const Hero = (): JSX.Element => (
 	<div className="h-[70vh] flex flex-col gap-8 justify-center items-center">
-		<div className="px-3 flex flex-col gap-4 items-center text-center">
+		<div className="flex flex-col gap-4 items-center text-center">
 			{/* Title */}
 			<h1
 				className={cn("text-5xl text-minecraft-green-3", minecrafter.className)}