JSFiddle - React, Tailwind, and code Playground

HTML

<div class="d1">
    <div class="d2">d2</div>
    <div class="d3">d3</div>
    <div class="d4">d4</div>
    <div class="d5">d5</div>
</div>

CSS

.d1{
    border: 1px solid red;
    display:table;
    width:100%;
}
.d1 div {
    display:table-cell;
}
.d2{
    border: 1px solid green;
    width:50px;
}
.d3{
    border: 1px solid yellow;
    width:50px;
}
.d4{
    border: 1px solid blue;
}
.d5{
    border: 1px solid gray;
    width:50px;
}