O'Reilly logo

HTML5 and CSS3 Responsive Web Design Cookbook by Benjamin LaGrone

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using the Fluid 960 grid layout

The 960 Grid System has been around for a while and has already proven useful in deploying new projects quickly. It is fairly simple to learn, and after a quick learning curve you can jump right into using it.

The only snag in this is that it is not responsive. In fact, it behaves much like a table using column, spanned over fixed-width table headers. It lays out nicely in a 960px-wide window, and that's it, you are stuck with a good view in only one browser window size. So why even discuss the 960 grid at all in a book about responsive design? The answer is that some people liked it so much that they decided to fix the problem.

Getting ready

There are good solutions for this, and hopefully you can find them in this ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required