fix overflow cause by oversized section titles

This commit is contained in:
jc 2023-10-25 13:19:31 -04:00
commit a58b95e7e8
No known key found for this signature in database

View file

@ -164,7 +164,7 @@
</button>
<nav
id="mobileNav"
class="fixed bottom-0 left-0 right-0 top-0 z-50 translate-x-full bg-zinc-800 px-8 transition-transform"
class="fixed bottom-0 left-0 right-0 top-0 z-50 translate-x-full bg-zinc-950 px-8 transition-transform"
>
<div class="h-8" aria-hidden="true"></div>
<div class="flex items-center justify-end">
@ -314,10 +314,10 @@
<div class="relative flex items-center justify-center pt-8">
<div>
<h1
class="flex flex-col gap-2 p-8 text-5xl font-bold uppercase"
class="flex flex-col gap-2 p-8 text-3xl font-bold uppercase md:text-5xl"
>
<span
class="relative text-2xl font-medium text-zinc-300"
class="relative text-xl font-medium text-zinc-300 md:text-2xl"
>Welcome to</span
>
<span
@ -342,10 +342,10 @@
<div class="relative flex items-center justify-center pt-8">
<div>
<h1
class="flex flex-col gap-2 p-8 text-5xl font-bold uppercase"
class="flex flex-col gap-2 p-8 text-3xl font-bold uppercase md:text-5xl"
>
<span
class="relative text-2xl font-medium text-zinc-300"
class="relative text-xl font-medium text-zinc-300 md:text-2xl"
>Welcome to</span
>
<span
@ -360,13 +360,5 @@
</div>
</section>
<div class="h-64" aria-hidden="true"></div>
<footer
class="relative z-0 border-t border-white/25 px-16 py-12 after:absolute after:inset-0 after:-z-10 after:bg-gradient-to-r after:from-purple-400 after:to-blue-900 after:opacity-10"
>
<div class="flex flex-col items-start justify-center gap-2">
<p>Made With Luv</p>
<p>Juan</p>
</div>
</footer>
</body>
</html>