JSFiddle - React, Tailwind, and code Playground

by Farzad Cyrus

HTML

<div id="content">
    <div id="sidebar">
        Sidebar
    </div>
    <div id="body">
        Body
    </div>
</div>

CSS

* {
    color:#ffffff;
    font-family:sans-serif;
    box-sizing:border-box;
}
#content {
    width:100%;
    position:relative;
    height:auto;
    overflow:hidden;
}
#body,
#sidebar {
    position:relative;
    height:200px;
    float:left;
    padding:20px;
    overflow:hidden;
}
#body {
    width:70%;
    background:#aaaaaa;
}
#sidebar {
    width:30%;
    background:#cc0033;
}

JavaScript

var app = {};