JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
        <div id="nav">nav</div><!--
        --><div id="header">header</div><!--
        --><div id="sales">sales</div><!--
        --><div id="products">products</div><!--
        --><div id="footer">footer</div>
    </div>

CSS

#wrapper {positioN:relative;background:#ccc;margin:20px;padding-top:100px;}
#header {position:absolute;top:0;width:100%;height:100px;background:red;}
#nav {display:inline-block;width:25%;background:green;}
#sales {display:inline-block;width:75%;background:blue;}
#products {margin-left:25%;background:yellow;}
#footer {background:orange;}