Responsive css grid
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
code
sketch-sheets
templates
README.md

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.