The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
960 grid system with 12 columns for Responsive Web Design. PSD file which has the 960 grid setup for you based on 32px gutters/margins. Offsetting columns - if you need to position a column over by say 2 columns. Four main media queries: 1. browsers over 960px
This project's goal is to be able to create a fully accessible material design styled website using React Components and Sass. With the separation of styles in Sass instead of inline styles, it should hopefully be easy to create custom components with the existing styles.