Responsive Grid

This grid is the same as the proportional grid but columns may be decorated with additional, breakpoint-specific classes so grids can be composed across a range of screen sizes.

N.b. The card appearance is applied separately - grid classes only provide dimensions

Proportional Grid with a 20 pixel gutter (.grid-wrapper--20)

.col--one-whole
.col--one-whole.mv--col--one-whole.wv--col--one-quarter
.col--one-half.mv--col--one-third.wv--col--one-quarter
.col--one-half.mv--col--one-third.wv--col--one-quarter
.col--one-whole.mv--col--one-third.wv--col--one-quarter