Make the hero mobile responsive

This commit is contained in:
Braydon 2024-04-16 10:52:55 -04:00
parent 86f71ad0c1
commit abc35e4b21

@ -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="flex flex-col gap-4 items-center"> <div className="px-3 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)}