JSFiddle - React, Tailwind, and code Playground

by benstenson

HTML

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

CSS

#container{
    height:10em;
    width:90%;
    border:1px solid black;
    
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    
    -webkit-box-align:end;
}
#container > div{
    width:34%;
    border:1px solid red;
    
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    box-flex:1.0;
}
#a {height:20%}
#b {height:50%}
#b {height:70%}