Responsive css grid
CSS
Latest commit 6a6e837 Nov 7, 2014 @ComputerWolf box-sizing fix
Permalink
Failed to load latest commit information.
code box-sizing fix Nov 7, 2014
sketch-sheets removed files Feb 24, 2012
templates gutter change Feb 27, 2012
README.md add normalize.css to readme Jan 30, 2013

README.md

996 Grid | Responsive Design Framework

A fixed-width grid framework made up of 12 even columns, which adapts the content automatically to display nicely on various screen sizes from desktop to mobile. At the largest size, the content is allowed a 970px-wide area which can be divided nicely into equal columns of two, three, four, or six.

See http://996grid.com/ for more information.

What's Included

  • index.html | Sample markup with the recommended head tags and scripts.
  • grid.css | The core of the grid system. Includes comments to explain each section.
  • normalize.css | CSS normalizations and common bug fixes.
  • base.css | HTML5 Boilerplate for consistent design across browsers.
  • style.css | Stylesheet for user styles. Includes a variety of useful media queries.
  • modernizr.js | Bring older browsers up to speed.
  • 996_grid.ai, 996_grid.psd | PSD and AI templates included to aid in design.
  • 996_sketch.pdf | PDF containing grid layout to use as sketch paper.

Credits

Developed by Josh Cope / @computerwolf. Licensed under GPL & MIT.