JSFiddle - React, Tailwind, and code Playground

by ced1

HTML

<div class="container">
    
    <div class="fiftyLEFT">
        Lorem Ipsum is simply d
    </div>
    
    <div class="fiftyRIGHT">
        HERE IS THE MAP
    </div>
    
</div>

CSS

.container
{
    width:100%;
    background-color:red;
    padding-top:10px;
    padding-bottom:10px;
    display:inline-block;
}

.container > .fiftyLEFT
{
    background-color:aqua;
    width:50%;
    float:left;
}

.container > .fiftyRIGHT
{
    background-color:blue;
    min-width:100px;
    width:50%;
    float:left;
    
    
}