JSFiddle - React, Tailwind, and code Playground

HTML

<div style=" border: 5px solid #111; width: 100%;">
<div id="col1" class="column">lalla</div>
<div id="col2" class="column">lalla</div>
<div id="col3" class="column">lalla</div>
</div>

CSS

.column{
    width:100%;
    height:500px;
    max-width:300px;
    float:left;
    border: 5px solid #666666;
    /*padding: 2px;*/
    /*margin: 2px;*/
    text-align: right;
}
#col1{
    background-color:red;
}
#col2{
    background-color:blue;
}
#col3{
    background-color:green;
}