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 Blueprint grid layout

The Blueprint CSS framework is another popular static CSS grid system. There may be a case where you come across a need to make the static Blueprint CSS grid framework into your very own responsive Blueprint framework. This one is pretty easy to break apart into a responsive layout. There are only a few simple CSS breaks to insert and you have a responsive framework.

Getting ready

First go and get a hold of the Blueprint CSS framework. You can download it at http://www.blueprintcss.org/. This framework works similarly to other static CSS grid frameworks.

How to do it....

Once you have downloaded the Blueprint framework, extract the files and copy the blueprint folder into your CSS directory. Next we'll start building ...

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