<header class=“w-11/12 py-6 mx-auto flex items-center justify-between”>
<div> <h1 class="font-black tracking-wide text-3xl text-coolGray-700">Soju!</h1> </div> <nav> <ul class="inline-flex text-lg"> <li class="mx-2 sm:mx-4"><a href="">Home</a></li> <li class="ml-2 sm:ml-4"> <a class="py-3 px-8 bg-coolGray-700 hover:bg-coolGray-800 text-white rounded-full truncate" href="">Documentation</a> </li> </ul> </nav>
</header>