JSFiddle - React, Tailwind, and code Playground

HTML

<div class="backgroundG">
        <div class="section">section1</div>
        <div class="sectionFillUp">section2</div>
        <div class="section">section3</div>
        <div class="sectionFillUp">section4</div>
        <div class="section">section5</div>
    </div>

CSS

.backgroundG {
    height:44px;
    width:100%;
    background-color:#ECECEC;
    display: table;
}

.sectionFillUp{
    height:44px;
    overflow:hidden;
    border:1px solid black;
    display: table-cell;
}

.section{
    width:50px;
    height:44px;
    overflow:hidden;
    display: table-cell;
}