ARTICLE NO. 287 March 28, 2008
960 Grid System
The 960 Grid System contains all you need to quickly build 12 or 16 column, 960px wide websites. We’ve been using the 960px width on various projects for a while, it divides neatly into lots of equal column sizes and fits well within the 1024px resolution limit. It’s versatile and also plays well with IAB banner sizes. What’s not to love?
ABOUT THE AUTHOR(S)
RELATED ARTICLES
GET UX MAGAZINE
Most viewed Articles
May 19, 2010 - Susan Weinschenk, Ph.D.
June 07, 2011 - Loren Baxter
July 26, 2011 - Scott McDonald
April 14, 2011 - Sarah Doody
July 06, 2010 - Francisco Inchauste
February 02, 2010 -
January 25, 2010 - Lukas Mathis
December 23, 2010 - Pek Pongpaet
June 10, 2010 - Nate Bolt, Brynn Evans, Cyd Harrell
September 09, 2010 - Devin Coldewey






Comments
Add a new comment
Interesting, and handy for rapid prototyping, but I think Blueprintcss is the same idea, but much more flexible.
Great to see interesting reusable CSS reaching a maturity where such systems are now being developed.
I think another benefit of using a 960px grid is that coding your css widths and heights in em’s becomes easier. When you set the font-size in the body to 75% as a standard you can consider 1em as 12px in every browser.
I think another benefit of using a 960px grid is that coding your css widths and heights in em’s becomes easier. When you set the font-size in the body to 75% as a standard you can consider 1em as 12px in every browser.
Interesting, and handy for rapid prototyping, but I think Blueprintcss is the same idea, but much more flexible.
Great to see interesting reusable CSS reaching a maturity where such systems are now being developed.