The 1140px CSS grid

The 1140px grid is a lightweight CSS framework that adapts web pages to different screen widths. While its responsive layout has been well described, 1140 provides the math necessary for a 12-column grid to fit screens from 360px to the eponymous 1140px.

By “lightweight” I mean tiny: Its CSS files combined weigh less than 2,600 bytes compared to 960.gs‘s 5,600 bytes (without reset or text files), YUI‘s 5,700 or Blueprint‘s 14,000 bytes.

The trade-off is that at version 1.6, the 1140px grid lacks other frameworks’ more refined attributes like the ability to give individual elements extra margins. But it does provide a good place to start layouts that adapt.

Visit the 1140 CSS Grid website