Easy CSS Grids: Grid System Generator


Grid System Generator is a website that asks for grid width, number of columns, margin-left/right & creates a fixed grid system with valid xhtml/css.

Besides the CSS framework, a .PNG background file is created as well to help in prototyping and design.

Grid System Generator

The generator is based on 960.gs & displays already created grids which can be found here.

You can also find instructions on using the generator & links to resources about grid systems.

P.S. Another 960.gs based grid generator can be found here.

  1. Reply yuxell May 3, 2009 at 7:24 AM

    it’s very cool

  2. Reply robby May 7, 2009 at 11:07 AM

    I’ve read 960 web…but still cannot understand the goal of this….i mean, where am i going 2 use this ?? in Photoshop, Css, xhtml, php ???

    examples create a bunch of divz….but doesn’t match with my design :S so…dont understand this at all…..

    any advice ?

Leave a reply