JSFiddle - React, Tailwind, and code Playground

by ozzon91

HTML

<div class="wrap_top">
    <div class="wrap">
        <div class="col1">123</div>
        <div class="col2">456</div>
        <div style="clear:both;"></div>
    </div>
</div>

CSS

.wrap_top {
background: rgb(241,241,241); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(241,241,241,1) 0%, rgba(241,241,241,1) 64%, rgba(225,225,225,1) 64%, rgba(225,225,225,1) 64%, rgba(225,225,225,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,241,241,1)), color-stop(64%,rgba(241,241,241,1)), color-stop(64%,rgba(225,225,225,1)), color-stop(64%,rgba(225,225,225,1)), color-stop(100%,rgba(225,225,225,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(241,241,241,1) 0%,rgba(241,241,241,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 64%,rgba(225,225,225,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 */

}

.wrap {
    margin: 0 auto;
    border: 1px dashed #252525;
    width: 920px;
    min-height: 300px;
}

.col1 {
    width: 600px;
}

.col2 {
    width: 320px;
}

.col1, .col2 {
    min-height: 300px;
    float: left;
}