JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="one">.....</div>
</div>
<div class="wrapper">
    <div class="one">.....</div>
    <div class="two">.....</div>
    <div class="three">.....</div>
</div>
<div class="wrapper">
    <div class="one">.....</div>
    <div class="two">.....</div>
</div>

CSS

.wrapper {
    display: table;
    table-layout: fixed;
    
    width:90%;
    height:100px;
    background-color:Gray;
}
.wrapper div {
    display: table-cell;
    height:100px;
}

.one {
    background-color:green
}
.two {
    background-color:blue
}
.three {
    background-color:red
}