Fluid Grid System

couzinhub - May 5, 2009 - 23:38

Fluidgrid is on a beta testing phase. If yo want to help, please contact me

If you already tried Blueprint or 960, two very popular grid system, you probably noticed that most of the grid system only offer a fixed, centered width of 960 or 950 pixels to create your designs.
Fluid Grid provides a grid system that works with any page width, even fluid layouts! With Fluid Grid, you can keep working within a grid system, but the grid is now completely configurable.

Completely adapted to the Drupal system, Fluid Grid lets you set up your grid through the theme settings page without creating any code. You can select which grid to use (12/16/24), the page width, or the side margins, and even add some extra css styles provided by the framework, but not active by default, like text or reset.

See some examples on the new official site

Help designing the official homepage, comment on the drafts ! Visit the Flickr page.

Sorry but... what is a Grid System ?

A grid system is a set of css class and id that you can use to quickly create complicated layouts. It is a framework that allow you to build layouts withou having to write any CSS. If you're still confused, check out the source on the grid examples here

Feature List

100% css based grid - no js
Use it the same way you would use Blueprint or 960
Set up you grid from the theme settings page
Extra CSS : Full reset, Print, Text, and ie6
Show/Hide link for admin (built for Drupal)
A STARTERKIT subtheme like in ZEN
Build from the BASIC 2 theme for Drupal, and therefor include all Basic 2 features, like body classes, clean id/class system, etc...

Fluid Grid is still in BETA stage.
Only use to test or preview, and NOT on active projects.