Fluid layout using the rule of thirds

The rule of thirds is a design methodology that states that a layout or an image can be made more interesting if it is divided into three parts horizontally or vertically. And like everything else related to the Internet, there is endless discussion and debate on it. For the purpose of this module, all we care about is how to make it useful.

There is no indexed in search results, at least that I've seen, responsive and fluid layout based on the rule of thirds. However, there is a good static framework based on the Rule of Thirds. It's called the Golden Grid.

Getting ready

Search for Golden Grid, and http://code.google.com/p/the-golden-grid/ should be the first result. From the top navigation, go to the Downloads ...

Get HTML5 and CSS3: Building Responsive Websites now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.