Indeededly...

Who cares about me, even though this is now obsolete because of flexbox, check it out anyway. Creates responsive evenly spaced columns without calculating margins or adding floats. Works for IE8+.

<style>
*,*:before,*:after{box-sizing:border-box;}
.row{ display: block; text-align: justify; font-size: 0.1em; line-height: 0.1; }
.row:after{ content: ''; display: inline-block; vertical-align: top; width: 100%; visibility: hidden; height: 0; }
.row>*{ display: inline-block; width: 100%; font-size: 10em; line-height: 1.5; }
.row>.empty{ margin: 0; border: 0; padding: 0; height: 0; visibility: hidden; }
.col{ margin: 3% 0 0 0; padding: 1em; background: #e5e5e5; }
@media only screen and (min-width: 28.5em){
    .col { width: 48.5%; }
}
@media only screen and (min-width: 48.5em){
    .col { margin: 2% 0 0 0; width: 32%; }
}
</style>

<div class="row">
    <div class="col">Col 1</div>
    <div class="col">Col 2</div>
    <div class="col">Col 3</div>
    <div class="col">Col 4</div>
    <div class="col">Col 5</div>
    <div class="col empty"></div>
</div>