HTML5 and CSS3: Building Responsive Websites

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 ...