JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css">
<div class="ui-grid-a">
    <div class="ui-block-a border">
        <div class="box red"></div>
    </div>
    <div class="ui-block-b border">
        <div class="ui-grid-a">
            <div class="ui-block-a border">
                <div class="box red"></div>
                <div class="box blue"></div>
            </div>
            <div class="ui-block-b border">
                <div class="box green"></div>
                <div class="box red"></div>
            </div>       
        </div>
    </div>        
</div>
<div class="ui-grid-solo">
    <div class="ui-block-a">
        <div class="red"></div>
    </div>
</div

CSS

.box {width: 100px; height: 50px; margin: 5px;}
.red { background: red; }
.blue { background: blue; }
.green { background: green; }   
.border { border: 1px dashed #ccc; }