JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div id="mainContainer">
<div id="leftSide"></div>
<div id="rightSide"> </div>
</div>

CSS

body{
        background-color: #fff;
    }

    #mainContainer{
        background-color: #FFFFFF;
        max-width: 95%;
        height: 500px;
        margin: 0 auto;
        box-shadow:10px 10px 5px red;
        margin-top: 50px;
    }

    #leftSide{
        background-color: red;
        max-width: 40%;
         width:200px;
        height: 200px;
        float: left;
    }
    #rightSide{
        width: 200px;
        max-width: 50%;
        height: 200px;
        background-color: purple;
    float: right;
    }