JSFiddle - React, Tailwind, and code Playground

by Ahmed H. Ebrahim

HTML

<div class="container">
    <div class="sidebar">
        <p>This is a side bar</p>
    </div>
    <div class="content"></div>
</div>

CSS

html, body{
    height:100%;
    width: 100%;
}
.container{
    width:100%;
    height:100%;
    border:1px solid red;
}
.sidebar{
    width:25%;
    height:100%;
    background:gray;
}