JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="panel">1
    </div>
    <div class="panel">2
    </div>
    <div class="panel">3
    </div>
    <div class="panel">4
    </div> 
</div>

CSS

.wrapper {
    height: 100px; 
    width: 400px;  
    background-color:green;  
    display:table
}

.panel { 
    width:auto; 
    background-color:red; 
    height:50px;
    display: table-cell;    
    table-layout: fixed;
}