The Golden Grid

New: .PSD Template for The Golden Grid

The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.

All about The Golden Grid read it here.

Simple is beautiful

Main features:

• 970px main width
• 6/12 grid system
• Super lightweight((compressed weight less then 1kb)
• Easy to learn.

The Grid Demos

• grid system(6 column)
• grid system (12 column)
• grid system
• grid system(most common images and video ratios)
• grid system columns
• grid system visual tutorial

Examples

• Demo1
• Demo2
• Demo3
• Demo4
• Demo5
• Demo6
• Demo7
• Demo8
• Demo9
• Demo10
• Demo11
• Typography

Mini Tutorial

Tested with:

IE 6/7/8, Firefox 3, Opera 9.62, Safari 3.2.1 (Win), Chrome 1.0

Comments & suggestion

Credits & Useful links

Grid System Generator based on The Golden Grid or Wiki

New Tutorial: Wordpress integration with The Golden Grid plus free Wordpress themes The Daily Grind, Miniml Press, Plato, Milan and un.complicated by Justin Young

Disclaimer: There is also another CSS Framework published at 2011 with similar name Golden Grid System made by @jonikorpi. This two CSS Frameworks are not related. Make sure to visit @jonikorpi project, I personally think he makes great CSS frameworks.