JSFiddle - React, Tailwind, and code Playground

HTML

<div class='theTable'>
    <div class='theCell bigCell'>this could be long</div>
    <div class='theCell fixedCell' >fixed</div>
    <div class='theCell contentCell' >content content content</div>    
</div>

CSS

.theTable{
    display:table; 
    width:80%; /* or whatever width for table*/
    height: 200px;
}

.theCell{
    display:table-cell;
    padding:0px 2px;
    white-space: pre; /* this will avoid line breaks*/    
    border:1px solid black;
    vertical-align: middle;
}
.bigCell{
    /* this will shrink other cells */
}
.fixedCell {
    height: 40px;
    width: 70px;
    
}
.contentCell {width: 1%}