JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
    <div class="row-item">text</div>
    <div class="row-item">text</div>
    <div class="row-item">text</div>
    <div class="row-item">text</div>
</div>

CSS

.row {
    display: table;
    border-collapse: collapse;
    
    width: 100%;
}

.row-item {
    display: table-cell;
    
    width: 80px;    
    padding: 20px;
    
    border: 1px solid #aaa;
}

.row-item:nth-child(3) {
    width: auto;
    
    background: #ddd;
}