From 7fe1b51973e86ee53e457f9c9479a45bc05140f1 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Tue, 16 Apr 2024 10:54:30 -0400
Subject: [PATCH] Make mobile responsiveness better for the landing page

---
 Frontend/src/app/(pages)/page.tsx            | 2 +-
 Frontend/src/app/components/landing/hero.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/app/(pages)/page.tsx b/Frontend/src/app/(pages)/page.tsx
index 8d4e082..72a2237 100644
--- a/Frontend/src/app/(pages)/page.tsx
+++ b/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>
diff --git a/Frontend/src/app/components/landing/hero.tsx b/Frontend/src/app/components/landing/hero.tsx
index 7c14d7e..20a569d 100644
--- a/Frontend/src/app/components/landing/hero.tsx
+++ b/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)}