JSFiddle - React, Tailwind, and code Playground

HTML

<div id="logo">
    logo
</div>
   
<div id="navi">
    navi
</div>
   
<div id="content">
    content
</div>

CSS

*{
    margin:             0px;
    padding:            0px;
}
 
body{
    background-color:   #E5E5E5;
}
 
#logo{
    position:           fixed;
    height:             7%;
    width:              20%;
    background-color:   white;
}
 
#navi{
    position:           fixed;
    height:             7%;
    width:              80%;
    left:               20%;
    background-color:   red;
}
 
#content{
    height:             93%;
    width:              80%;
    margin:             7% 0 0 20%;
    background-color:   blue;
    height:160px;
    float:              left;
}