JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="left">
        <div class="div100"></div>
        <div class="div200"></div>
        <div class="div200"></div>
        <div class="div100"></div>
        <div class="div200"></div>
    </div>
</body>

CSS

body {
   width : 400px;
}

.div100 {
    float: right;
    height : 60px;
    width :48%;
    background-color : red;
    border : 1px solid black;
}
.div200 {
    float: right;
    height : 100px;
    width :48%;
    background-color : blue;
        border : 1px solid black;
}

.left {
    float : left;
    width : 48%;
}