JSFiddle - React, Tailwind, and code Playground

by Anid Monsur

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css">
<div class="row">
    <div class="small-4 columns">
        <div class="row">
            <div class="small-12 columns">Yellow</div>
        </div>
        <div class="row">
            <div class="small-12 columns">White</div>
        </div>
    </div>
    <div class="small-8 columns">Red</div>
</div>
<div class="row">
    <div class="small-4 columns">Blue</div>
    <div class="small-6 columns">White</div>
    <div class="small-2 columns">
        <div class="row">
            <div class="small-12 columns">White</div>
        </div>
        <div class="row">
            <div class="small-12 columns">Yellow</div>
        </div>
    </div>
</div>