Rainnny/RESTfulMC
1
0
Fork 0
Code Issues 1 Pull Requests 10 Actions Wiki Activity

Make mobile responsiveness better for the landing page

Browse Source
This commit is contained in:
Braydon 2024-04-16 10:54:30 -04:00
parent abc35e4b21
commit 7fe1b51973
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Frontend/src/app/(pages)/page.tsx
View File

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

2
Frontend/src/app/components/landing/hero.tsx
View File

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