Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Branch: master
Fetching contributors…
Cannot retrieve contributors at this time
67 lines (53 sloc) 2.33 KB
<!DOCTYPE html>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Responsive Grids: bring some grids to your media queries</title>
<link rel="stylesheet" href="stylesheets/style.css">
<a href=""><img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Fork me on GitHub" /></a>
<a href="">Responsive Grids</a>
<small>by <a href="">zigotica</a></small>
<p class="summary">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.</p>
<h2>How to use</h2>
<li>calculate your preferred columns width and gaps at
<li>iterate for each design you want to serve through media queries
<li>describe grids measurements within each media query in your css (see example)
<li>establish a main baseline or one baseline per media query
<li>resize window to see the corresponding grid design
<p>You can get this project using one of the following methods:</p>
<li>download as <a href="">zip</a>,
<li>download as <a href="">tar</a>,
<li>clone the project with <a href="">Git</a> by running:
<pre>$ git clone git://</pre>
<p>Still under development</p>
<li>Sergi Meseguer, <a href="">zigotica</a>
<li>Sergi Meseguer (
<footer><small>get the source code on GitHub : <a href="">zigotica/Responsive-Grids</a></small></footer>
<script src="javascripts/responsive-grids.js"></script>
Jump to Line
Something went wrong with that request. Please try again.