JSFiddle - React, Tailwind, and code Playground

HTML

<div class="abc">abc</div><div class="def">def</div><div class="ghi">ghi</div>

CSS

.abc { 
    display:inline-block;
    background-color:lightblue;
    width: 100px;
}

.def {
    
    display:inline-block;
    background-color: lightyellow;
    width: calc(100% - 100px);
}

.ghi { 
    display:inline-block;
    background-color: lightgreen;
    width: 100%;
}
}