Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
The 1140px CSS Grid, fluid to mobile.
branch: origin

This branch is 6 commits behind andytlr:version2

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
.gitignore
index.html
readme.md

readme.md

A 1140px wide, 12 column grid. Fluid all the way down to a mobile version.

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

Credits

The 1140px Grid by Andy Taylor – http://cssgrid.nethttp://www.twitter.com/andytlrhttp://www.catchingzebra.com

License

This work is licensed under a Creative Commons Attribution-ShareAlike 3.0 Australia License.

Something went wrong with that request. Please try again.