Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Benjamin Hedgepeth
Benjamin Hedgepeth
5,672 Points

Background behind 960px grid

What is the history/background of creating a container set at 960px for grid layout?

1 Answer

Shaun Hoffman
Shaun Hoffman
10,879 Points
Shaun Hoffman
Shaun Hoffman
10,879 Points

I did a little research on this and the site below says that it: " allows for a 1024px wide monitor to show the site accurately and without horizontal scrolling, accounting for the width of the browser chrome, scrollbars, and a bit of padding for legibility. There is always a 10px margin placed at the right and left of the main content column, which means that smaller browsers will always be able to read the farthest left content without the text butting but against the browser window."

[Please note I had a little trouble backing out of the site so enter at your peril]

This answer was confirmed by a few answers on StackOverflow, although it was noted that the 960px rule is of less importance now that a significant portion of users have upgraded their monitors.

Source: Cannon, Thomas. "Using the 960 Grid System as a Design Framework". 2/10/2011. Retrieved 05/26/2017 from https://webdesign.tutsplus.com/articles/using-the-960-grid-system-as-a-design-framework--webdesign-2036

Hope this helps! Cheers!