A general layout module for creating columns.

slice.scss

.slice {
    display: table;
    table-layout: fixed; // makes items equal sizes automatically
    width: 100%;
}

.slice-auto {
    table-layout: auto; // items will resize  based on content size
}

.slice-item {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

// returning tables/cells to divs will stack items
@media only screen and (max-width: 640px) {
    .slice,
    .slice-item {
        display: block !important;
        width: 100% !important;
    }
}