fix overflow cause by oversized section titles
This commit is contained in:
parent
9e5a5927f1
commit
a58b95e7e8
1 changed files with 5 additions and 13 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue