JSFiddle - React, Tailwind, and code Playground

by fido3993

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="row" style="
    text-align: center;
">
    <div class="col-lg-12">
    <div class="col-lg-6" style="
    background-color: rgba(0, 0, 255, 0.4);
    /* height: 29%; */
    padding-bottom: 3%;
">
        1
    </div>
    <div class="col-lg-6" style="
    padding: 0;
    margin: 0;
">
        <div class="col-lg-12" style="
    background-color: orange;
">
            3
        </div>
        <div class="col-lg-12" style="
    background-color: pink;
    margin: 0;
    padding-bottom: 16px;
">
            4
        </div>
    </div>
         <div class="col-lg-12" style="
    background-color: yellow;
">
             2
        </div>
    </div>
</div>