JSFiddle - React, Tailwind, and code Playground

HTML

<div width="100%">
    <div class="innderDiv">A</div>
    <div class="innderDiv">B</div>
    <div class="innderDiv">C</div>
    <div class="innderDiv">D</div>
    <div class="innderDiv">E</div>
    <div class="innderDiv">F</div>
</div>

CSS

.innderDiv {
    display:inline-block;
    width: 0%;
    max-width: 300px;
    min-width: 135px;
    border: 1px dashed;
    margin-bottom: 5px;
}