JSFiddle - React, Tailwind, and code Playground

by crazytonyi

HTML

<section class="wrapper">
<div class="column" id="a"></div>
<div class="column" id="b"></div>
<div class="column" id="c"></div>
</section>

CSS

.wrapper {
    display: table;
    width: 100%;
    table-layout: fixed;
    
}    
.column {
    height: 3em;
    display: table-cell;
}

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

#b {
  width: 50px;   
}