JSFiddle - React, Tailwind, and code Playground

by Andrew

HTML

<ul id="menu">
    <li>Menu stuff</li>
    <li>More menu stuff</li>
</ul>
<div id="header">
    ...Header content...
</div>
<div class="columns"><!-- This may be a candidate for a UL or an OL -->
    <div class="column"></div><div class="column"></div><div class="column"></div>
</div>
<div id="content">
    ...Content...
</div>

CSS

#menu {float: left; width: 75px; height:100%; }
#header {height: 100px; }
.columns {height: 300px;}
.column {display:inline-block;width: 33.33%; }