JSFiddle - React, Tailwind, and code Playground

by crazytonyi

HTML

<section>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</section>

CSS

section {
/* Chrome */
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    -webkit-box-align:stretch;
/* Firefox */
    display:-moz-box;
    -moz-box-orient:horizontal;
    -moz-box-align:stretch;
/* W3C */
    display:box;
    box-orient:horizontal;
    box-align:stretch;    
}    
div {
    height: 3em;
}

#a {
 background-color: red;   
}
#b {
 background-color: green;
}
#c {
 background-color: blue;   
}

#b {
  width: 50px;   
}
#a, #c {
    -webkit-box-flex:1.0;
    -moz-box-flex:1.0;
    box-flex:1.0;
}