JSFiddle - React, Tailwind, and code Playground

by Mr_Vasu

HTML

<div class="main">
    <div class="left leftFull">
        <div></div>
    </div>
    <div class="right disable"></div>
    
</div>

SCSS

.main{
    width:100%;
    display:block;
    background:red;
    height:330px;
    .left{
    width:80%;
        background:green;
        height:200px;
        float:left;
        &.leftFull{
            width:100%;
    }
    }
    .right{
    width:20%;
        background:blue;
        height:200px;
        float:left;
        &.disable{
            display:none;
        }
    }
}