JSFiddle - React, Tailwind, and code Playground

HTML

<div style="" class="Continer">
        <div class="d1">
            text text text <br />
            text text text <br />
            text text text <br />
            text text text <br />
            text text text <br />
        </div>
        <div class="d2">
            text text text <br />
            text text text <br />
            text text text <br />
            text text text <br />
            text text text <br />
            text text text <br />
        </div>
        <div class="d3">
            text text text <br />
            text text text <br />
            text text text <br />
            text text text <br />  
            text text text <br />
        </div>
</div>

CSS

.Continer{
    background:yellow;
    height: 250px;
    width: 100%;
}
.d1{
    background: red;
    width: 100px;
}
.d2{
    background: blue; 
    width: 100px;
}
.d3{
    width: 100px;
    background:green;
}