JSFiddle - React, Tailwind, and code Playground

HTML

<html><head></head>
<body>
<div class="layout">
<div id="div1" class="cell">1</div>
<div id="div2" class="cell">2</div>
<div id="div3" class="cell">3</div>
<div id="div4" class="cell">4</div>
    <div id="div5" class="cell">5</div>
</div>
<div class="layout">
<div id="div6" class="cell">1</div>
<div id="div7" class="cell">2</div>
<div id="div8" class="cell">3</div>
<div id="div9" class="cell">4</div>
    <div id="div10" class="cell">5</div>
</div>
</body></html>

CSS

#div1 {
    width: 60px;
}
#div2 {
    width: 30%;
}
#div3 {
    width: 40px;
}
#div4 {
}
#div5 {
    width: 100px;
}
.layout {
    display:table;
}
.cell {
    display: table-cell;
}