JSFiddle - React, Tailwind, and code Playground

by appleBud

HTML

<div id="container">
<div id="header"></div>
<div id="left_panel">
kjjjhjfhklhhhkh
dfdsfdsfsdfdsf
</div>
<div id="right_panel">
ewrewrewrewrewr
ewrwerewrwerewr
</div>
<div id="bottom_logos"></div>
</div>

CSS

html, body
{
    margin:0;
    padding:0;
}

#container{
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
       font-weight: normal;
       color:#414141;
       -webkit-font-smoothing: antialiased;
       height: auto;
       width: 100%;
        margin:0;

}
#header{
    margin:0;
    width: 100%;
    height:100px;
    background-color: red;
}
#left_panel{
    width: 50%;
    float: left;
/*    height: 400px;
*/  background-color: green;
}
#right_panel{
    width: 50%;
    float: left;
/*    height: 400px;
*/  background-color: blue;
}
#bottom_logos{
    width: 100%;
    height:100px;
    background-color: yellow;
}