JSFiddle - React, Tailwind, and code Playground

by Igaojsfiddle

HTML

<div class="cabecalho"></div>
<div class="barra-esquerda">
    <ul>
        <li><a href="">Celulares</a></li>
        <li><a href="">Computadores</a></li>
    </ul>
</div>

CSS

html, body {
    margin:0;
    height: 100%;
    overflow-y: hidden;
}
.cabecalho{
    height:45px;
    width:100%;
    background-color:blue;
}
.barra-esquerda{
    height:100%;
    width:200px;
    background-color:yellow;
    float:left;
}