JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<div id='container'>
    <div id="col1">Column 1<br>
        Column 1<br>
        Column 1<br> 
        Column 1<br> 
        Column 1<br> 
        Column 1<br>
        Column 1<br> 
        Column 1<br>
        Column 1<br>
        Column 1<br> 
        Column 1<br> 
        Column 1<br> 
        Column 1<br>
        Column 1<br> 
        Column 1<br>        
    </div>
    <div id="col2">Column 2</div>
</div>

CSS

#container {
    display: table;
    width: 100%;
}
#col1 {
    padding:15px;
    color:#fff;
    display:table-cell;
    margin-left:10px;
    background:maroon;
    width: 25%;
}
#col2 {
    padding:15px;
    color:#fff;
    display:table-cell;
    background:teal;

}