JSFiddle - React, Tailwind, and code Playground

by NOVUSIDEA

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">1</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">2</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">3</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">4</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">5</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">6</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">7</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">8</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">9</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">10</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">11</div>
        </div>
        <div class="col-1">
            <div class="bg-primary text-white text-center py-5">12</div>
        </div>
    </div>
</div>

<div class="container mt-4">
    <div class="row">
        <div class="col-4">
            <div class="bg-primary text-white text-center py-5">3</div>
        </div>
        <div class="col-8">
            <div class="bg-primary text-white text-center py-5">9</div>
        </div>
    </div>
</div>