JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

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

CSS

html, body {
    height:100%;
    width:100%;
    border:0px;
    margin:0;
    padding:0;
}
/*rex is the container of ex,ex2,ex3*/
div.rex{
height:200px;
border:0px;
margin:60px auto;
padding: 0;
vertical-align:top;
}

div.ex{
width:34%;
height:200px;
background-color:#4f443a;
display:inline-block;
margin: 0;
padding: 0;
vertical-align:top;
}

div.ex2{
width:0.5%;
height:200px;
display:inline-block;
margin: 0;
padding: 0;
vertical-align:top;
}


div.ex3{
width:65.5%;
height:200px;
background-color:#7e8547;
display:inline-block;
margin: 0;
padding: 0;
vertical-align:top;
}