JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">WRAP
    <div id="menu">MENU</div>
    <div id="large-content">LARGE CONTENT</div>
</div>

CSS

body{color: white; font: 24px/1.5em Arial; font-weight: 600; text-align:center;}

#wrap{background: #eee;}
#large-content{background: #f1c40f; width: 1000px; height: 300px}
#menu{background: #2c3e50; width: 100%; height: 50px}