JSFiddle - React, Tailwind, and code Playground

by Love Trivedi

HTML

<div class="wraper">
    <div class="one"></div>
    <div class="two"></div>
    <div style="clear: both;">
</div>

CSS

body{
    width:100%;
}
.wraper{
    display:table;
    width:100%;
}
.one {height: 300px; background: #f00; display:table-cell; width: 70%;}
.two {height: 50px; background: #000;  display:table-cell; width: 30%;}