JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
    <head></head>
    <body>
        <div class='wrapper'>
            <div class="col">...</div> 
            <div class="col">...</div> 
            <div class="col">...</div> 
            <div class="col">...</div> 
            <div class="col five">...</div>
        </div>
    </body>
</html>

CSS

div {
 border: 1px solid red;   
}

.col {
    display: table-row-group;
    width: 25%;
    height: 10px;
}

.five {
    display: table-header-group; 
    width:100%;
    
}