1140 CSS Grid System

 1

Description

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

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.

Payment model: Free

Similar Tools

The Semantic Grid System

The Semantic Grid System

Set column and gutter widths, choose the number of columns, and switch between pixels and percentages. All without any .grid_x […]

 1
The Goldilocks Approach

The Goldilocks Approach

A good starting point for design that takes device resolution out of the equation. The Goldilocks Approach uses a combination […]

 1
Responsive.gs

Responsive.gs

Fluid grid CSS framework for fast, intuitive development of responsive websites. Available in 12, 16 and 24 columns with media […]

 Like