JSFiddle - React, Tailwind, and code Playground

by Lighty_46

HTML

<div class="container">
    <div class="small"></div>
    <div class="big"></div>
</div>

CSS

.container{ 
    
    border: 1px black solid;
    width: 320px;
    height: 120px;    
    
}

.small{
    display: inline-block;
    width: 40%;
    height: 30%;
    border: 1px black solid;
    background: aliceblue;   
    vertical-align:top;
}

.big {
    display: inline-block;
    border: 1px black solid;
    width: 40%;
    height: 50%;
    background: beige;    
}