.row, .col { box-sizing: border-box; } .row { display: flex; flex-wrap: wrap; @include media('>phone'){ flex-wrap: nowrap; flex-direction: row; flex-shrink: 1 ; } } .col { @include media('>phone'){ flex: 1; padding-right: $small-spacing; margin-right: $small-spacing; &:last-of-type { padding-right: ; margin-right: ; } } } // Utilities .col.double{ flex: 2; } .row.bordered .col { @include media('>phone'){ border-right: 1px solid black; &:last-of-type { border-right: 0px transparent; } } }