Make the footer more mobile responsive
All checks were successful
Deploy Frontend / docker (17, 3.8.5) (push) Successful in 1m3s

This commit is contained in:
Braydon 2024-04-21 12:35:37 -04:00
parent e8000a1fbc
commit ee6a20054c

@ -33,7 +33,7 @@ const Footer = (): ReactElement => (
<h1 <h1
className={cn( className={cn(
"text-5xl md:text-4xl lg:text-5xl text-minecraft-green-3", "text-4xl sm:text-5xl md:text-4xl lg:text-5xl text-minecraft-green-3",
minecrafter.className minecrafter.className
)} )}
> >
@ -50,7 +50,7 @@ const Footer = (): ReactElement => (
{/* Header */} {/* Header */}
<h1 <h1
className={cn( className={cn(
"text-3xl text-minecraft-green-3 pointer-events-none", "text-2xl xs:text-3xl text-minecraft-green-3 pointer-events-none",
minecrafter.className minecrafter.className
)} )}
> >
@ -82,7 +82,7 @@ const Footer = (): ReactElement => (
</div> </div>
{/* Disclaimer */} {/* Disclaimer */}
<p className="absolute inset-x-0 bottom-7 flex justify-center font-medium opacity-65"> <p className="absolute inset-x-0 bottom-5 flex justify-center font-medium opacity-50">
Not affiliated with Mojang or Microsoft. Not affiliated with Mojang or Microsoft.
</p> </p>
</div> </div>