<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>