JSFiddle - React, Tailwind, and code Playground

by Mathachew

HTML

<div id="container">
    <div id="header">
        <!-- Header -->
    </div>
    <div id="side-navigation">
        <!-- Menu -->
    </div>
    <div id="content">
        <!-- Content -->
    </div>
    <div id="footer">
        <!-- Footer -->
    </div>
</div>

CSS

#container {
    background: #000;
    margin: auto;
    padding: 10px;
    width: 500px;
}
#header {
    background: red;
    height: 75px;
}
#side-navigation {
    background: blue;
    float: left;
    height: 200px;
    width: 150px;
}
#content {
    background: yellow;
    float: right;
    height: 200px;
    width: 350px;
}
#footer {
    background: green;
    clear: both;
    height: 75px;
}