Out of the box

With GRIDINATOR CSS you get an easy to use, customizable base to build layouts. You don't get typography, you don't get fancy styling, you don't get rubbish you won't use. What you do get is a solid starting point for laying out your site.

Into the grid

If you aren't sure what a grid layout is, I would recommend checking out some good posts by Khoi Vinh and maybe this article from Smashing Magazine. Also worth checking out is Fluid Grids from A List Apart. That should keep you busy for a while.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Credit

Since being introduced to grids by John Oxton, I have not looked back. My sincerest thank-you's go out to him. Design inspiration from Jason Santa Maria's grey box methodology. Also thank you to all the other grid systems out that that inspired me.

Small Demo

Two-col within a four-col within a sixteen-col.

one in two in four in sixteen.

another one.

Tiny Demo

Just a two-col alongside all the chaos of the small demo on the left.

Monkey

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Imagine it. Your main article content goes here. An image goes over on the left, there. Would make a nice article / excerpt layout! You can stop imagining it now; go build it.

Another sidebar

Would you look at that? Another sidebar. You could really do some fantastic layouts with all these columns lying around.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.