JSFiddle - React, Tailwind, and code Playground

by Neo Aptt

HTML

<div class='container'>
    <div class='row'>
        <div class='col-sm-12 header'>Header</div>
    </div>
    <div class='row'>
        <div class='col-xs-1 left'></div>
        <div class='col-xs-10'>This is my main content
            <br/>
            <br/>
            <br/>t t t</div>
        <div class='col-xs-1 right'></div>
    </div>
</div>

CSS

.row {
    display: table;
}

[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.header{
     background-color:yellow;
}
.left {
    background-color:blue;
}
.right {
    background-color:red;
}