JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
            <div class="left"></div>
            <div class="right"></div>
            
        </div>
        <div class="footer"></div>

CSS

.wrapper {
                        
                        width:100%;
                        
                        
                }
                .left {
                        float:left;
                        height:200px;
                        width:100px;
                        border:1px solid red;
                        
                        }
                .right {
                        float:right;
                        height:100px;
                        width:100px;
                        border:1px solid blue;
                        
                        }
                .footer {
                        clear:both;
                        width:970px;
                        background:#BFF08E;
                        height:200px;
                }