The 1140px Fluid CSS Grid System

A new CSS grid framework has been gaining attention in the blogosphere lately. A 12-column fluid framework with a preferred width of 1140px. The developer picked that width because it fits nicely on a 1280 pixel wide monitor. The framework’s most notable strength, though, is that it’s “fluid all the way down to a mobile version.” Resizing the viewport causes the grid to adapt to the new size, finally collapsing everything into a single column for mobile devices.

Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

It looks like a good framework for sites where a fluid layout is acceptable. Its usage is fairly simple, and a PSD of the grid is available for laying out your design.

The 1140px Fluid CSS Grid System []