I’ve been using the 960 grid system by Nathan Smith for a while. But recently, I realized that 960 px was a little bit small for my tastes. So I revised the 960.css file and made my 960 grid larger. I used @media queries to target a variety of screen sizes. I toyed around with the fluid 960 option, but wasn’t too keen on it. In my opinion, after a screen scales beyond 2’000px it just doesn’t make sense to fill the whole screen. (that’s even after you break the text into columns and float your sidebars double).
I settled onto these widths, because they were divisible by both 12 and 16:
- 960px
- 1152px
- 1584px
- 1920px
Here’s the file that I am using. I’m sure it needs some tweaking and refining, so comments are always welcome.
thx