JSFiddle - React, Tailwind, and code Playground

by Marcel

HTML

<div id="wrap">
    <div id="main">
        <div class="wrap"></div>
    </div>
    <div id="side"></div>
</div>

CSS

body { background:#eee; }
    #wrap { width:80%; background:#fff; overflow:hidden; margin:1em auto; padding:30px; }
        #main { width:70%; float:left; }
            #main .wrap { height:200px; background:#ddd; margin:0 30px 0 0; }
        #side { width:30%; height:200px; background:#ccc; float:right; }