JSFiddle - React, Tailwind, and code Playground

by JThomas

HTML

<div id="header">Head</div>
<div style="background-color: blue;" class="col-layout col3"></div>
<div id="footer">Footer</div>

CSS

.col-layout {
    float: left;
    box-sizing: border-box;
}

.col-layout.col1 {
    width: 33.3%;
}
.col-layout.col2 {
    width: 66.6%;
}
.col-layout.col3 {
    width: 100%;
}
.clearfix{
    clear: both;
}
}