JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box1"><div></div></div>
<div class="box2"><div></div></div>

CSS

body {
    padding: 10px;
}
.box1, .box2 {
    width: 66%;
    height: 60px;
}
.box1 {
    margin-bottom: 10px;
}
.box2 {
    margin-left: 34%;
}
.box1 div, .box2 div {
    border: 1px solid RGB(141, 141, 141);
    height: 100%;
}
.box1 div {
    background: RGB(254, 253, 143);
}
.box2 div {
    background: RGB(246, 204, 252);
}