JSFiddle - React, Tailwind, and code Playground

by Gaurav Singh

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

body, html {
        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%;
    }
    #header {
        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;
    }