JSFiddle - React, Tailwind, and code Playground

HTML

<div id='box'>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
    <div class='item'></div>
</div>

CSS

#box { 
    display: flex;
    width: 100%;
    height: 50px;
    margin: 0 0;
}

.item {
    background: gray;
    min-width: 50px;
    width: 25%;
    margin: 0 10px;
}