JSFiddle - React, Tailwind, and code Playground

by Kenneth Luplau-Brøgger

HTML

<div class="row">
    <div class="four columns">
        davs
    </div>
    <div class="four columns">
        hej
    </div>
    <div class="four columns">
        hej
    </div>
</div>
<div class="row">
    <div class="six columns">
        davs
    </div>
    <div class="six columns">
        hej
    </div>
</div>

CSS

.row {
    overflow: hidden;
    width: 934px;
    padding: 0 16px
}
.three.columns{
    width: 217px;
}
.six.columns{
    width: 456px;
}
.nine.columns{
    width: 695px;
}
.columns {
    background: red;
    float: left;
}
.columns + .columns {
    margin-left: 22px;
}

JavaScript

$('body').addClass($.browser)