JSFiddle - React, Tailwind, and code Playground

HTML

<div id="navbar">
    <div class='navbar-inner'>
        <div class='container'>
        <ul class="nav nav-list">
            <div>   
            <li><a href = "#">Upload a new Track</a></li>
            <li><a href = "#">View all blog post</a></li>
            <li><a href = "#">View all tracks uploaded</a></li>
        </div>
        </ul>
    </div>
    </div>

CSS

html, body { background-color: black; height: 100%; }

#navbar { background-color: pink; 
width:220px; margin-left: 200px;font-size:16px;
    height: 100%;
}