JSFiddle - React, Tailwind, and code Playground

by andyjh07

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdn.tailwindcss.com"></script>
<div class="mx-auto container px-6">
	<nav class="w-full flex flex-row justify-between fixed top-0 py-8">
		<ul class="flex flex-row gap-4">
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
		</ul>
		<div><a href="#">Contact</a></div>
	</nav>
	<header class="mt-8">
		<p class="text-center italic">Hey</p>
		<div class="flex flex-row justify-between mt-4">
			<div class="text-9xl">H</div>
			<div class="text-9xl">A</div>
			<div class="text-9xl">N</div>
			<div class="text-9xl">N</div>
			<div class="text-9xl">A</div>
			<div class="text-9xl">H</div>
		</div>
	</header>
</div>