JSFiddle - React, Tailwind, and code Playground

by venkateshwar

HTML

<div class="rex">
    <div class="ex"></div>
    <div class="ex2"></div>
    <div class="ex3"></div>
</div>

CSS

div.rex {
    height:200px;
    border:0px;
    margin:60px auto;
    padding: 0;
    vertical-align:top;
    width: 100%;
    display: table;
}
div.ex {
    width:34%;
    background-color:#4f443a;
}
div.ex2 {
    width:0.5%;
}
div.ex3 {
    width:65.5%;
    height:100%;
    background-color:#7e8547;
}
div.rex > div {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align:top;
    height: 100%;
}