JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>
<div></div>
<div></div>
<div></div>

CSS

div {
    display: inline-block;
    background-color: silver;
    margin: 0.1em;
}

div:nth-child(1){
    width: 30%;
    height: 10em;
}
div:nth-child(2){
    width: 60%;
    height: 3em;
}
div:nth-child(3){
    width: 60%;
    height: 3em;
}
div:nth-child(4){
    width: 30%;
    height: 10em;
}

div:nth-child(1),
div:nth-child(2) {
    vertical-align: top;
}

div:nth-child(3),
div:nth-child(4) {
    margin-top: -6.5em;
}