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> </button>
<nav <nav
id="mobileNav" 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="h-8" aria-hidden="true"></div>
<div class="flex items-center justify-end"> <div class="flex items-center justify-end">
@ -314,10 +314,10 @@
<div class="relative flex items-center justify-center pt-8"> <div class="relative flex items-center justify-center pt-8">
<div> <div>
<h1 <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 <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 >Welcome to</span
> >
<span <span
@ -342,10 +342,10 @@
<div class="relative flex items-center justify-center pt-8"> <div class="relative flex items-center justify-center pt-8">
<div> <div>
<h1 <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 <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 >Welcome to</span
> >
<span <span
@ -360,13 +360,5 @@
</div> </div>
</section> </section>
<div class="h-64" aria-hidden="true"></div> <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> </body>
</html> </html>