JSFiddle - React, Tailwind, and code Playground

by dirtyd77

HTML

<div class="tiles">
    <div class="tile25x50">1</div>
    <div class="tile50x50">2</div>
    <div class="tile25x50">3</div>
</div>

CSS

.tiles {
    width: 100px;
    
}

.tile25x50 {
width: 50px;
height: 25px;
background-color: red;
float:left;
}

.tile50x50 {
width: 50px;
height: 50px;
background-color: blue;
float: right;
}