JSFiddle - React, Tailwind, and code Playground

HTML

<div class="full-header">
             <div class="header">
                <div class="nav">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Work</a></li>
                        <li><a href="#">About Me</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </div>
             </div>
         <div class="button">Aphryv</div>
        </div>

CSS

.full-header {
        width: 100%;
        height: 500px;
        background:...