JSFiddle - React, Tailwind, and code Playground

HTML

<div class="section group">
    <div class="col span_3_of_3">This is column 3</div>
    <div class="col span_1_of_3">This is column 1</div>
    <div class="col span_2_of_3">This is column 2</div>
</div>

CSS

/*  SECTIONS  */
.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.col {
    display: block;
    float:left;
    width: 32%;
}

.span_1_of_3 {
    background-color: #CCF;
    margin-left: -98%;
}
.span_2_of_3 {
    background-color: #CFC;
    margin-left: -65%;
}
.span_3_of_3 {
    background-color: #FCC;
    margin-left: 65%;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
 @media only screen and (max-width: 480px) {
    .col {
        width: 100%;
        margin: 0;
    }
}