JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
        <div class="table-row">
            <div class="table-cell">100</div>
            <div class="table-cell">fluid</div>
            <div class="table-cell">100</div>
        </div>
    </div>

CSS

.table {
        display:table;
        width: 90%;
        max-width: 960px;
        border:1px solid blue; /* just for looks */
    }
    
    .table-row {
        display:table-row;
    }
    
    .table-cell {
        display:table-cell;
        border:1px solid red;/* just for looks */
    width:100%;
    }
    
    .table-row > .table-cell:first-child, .table-row > .table-cell:last-child {
        width:100px;
        background-color:lightgray; /* just for looks */
    }