This demo uses the CSS3 box-sizing property. Check browser support at http://html5please.com and caniuse.com/#feat=css3-boxsizing
Grid cells are displayed at full width by default.
Use helper classes to change the width of each grid cell.
Nest grids if needed.
Apply width styles to each grid cell via helper classes wrapped inside media queries. Grids then become responsive.