JSFiddle - React, Tailwind, and code Playground

by harianus

HTML

<div class="sexy">
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="clear"></div>
</div>

CSS

.column {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.sexy {
    width: 100%;
    background-color: grey;
}

.sexy .column {
    float: left;
    min-height: 50px;
    background-color: grey;
    padding: 5px;
    border: 5px solid white;
    width: 33.33%;
}

.clear {
    float: none;
    clear: both;
}