JSFiddle - React, Tailwind, and code Playground

by Kalu Singh Rao

HTML

<header id="navHead">
    <div id="nav">
        <ul id="navLinks">
            <li>Home</li>
            <li>About Me</li>
            <li>Assignments</li>
        </ul>
    </div>
</header>

CSS

#nav
{
    text-align:center;
    width:100%;
}

#navLinks {
    list-style: none;
    display: inline-flex;
    margin: 0px auto;
}

#nav li {
    margin-right: 20px;
    display:inline;
}


#navHead {
    width: 100%;
    height: 12%;
    padding: 25px 0px;
    margin: 0px auto;
    background: red;

}