Responsive Grids by zigotica

Responsive Grids is a very basic template that allows you to create a responsive design structure for different screen resolutions using Media Queries, Grids and Baselines.

How to use

1. calculate your preferred columns width and gaps at http://grids.heroku.com/
2. iterate for each design you want to serve through media queries
3. describe grids measurements within each media query in your css (see example)
4. establish a main baseline or one baseline per media query
5. resize window to see the corresponding grid design

Dependencies

• none

Download

You can get this project using one of the following methods:

• download as zip,
• download as tar,
• clone the project with Git by running:

$ git clone git://github.com/zigotica/Responsive-Grids