Grid

8 columns of fluid goodness

The fluid grid system is kindly provided by 960.gs. Though the grid is fluid, The City does not support a fluid layout. However, using a fluid grid will allow for some flexibility in the future.

The area in which your app will live is currently 740px wide.

Your columns can total up to 8, but your last column needs a class of 'omega' to keep off that right margin.

<div class="grid_4"></div>
<div class="grid_4 omega"></div>

grid_1

grid_1

grid_1

grid_1

grid_1

grid_1

grid_1

grid_1

grid_2

grid_2

grid_2

grid_2

grid_3

grid_5

grid_4

grid_4

grid_5

grid_3

grid_6

grid_2

grid_7

grid_1

grid_8

Pushing & Pulling Columns

push_1

push_2

push_3

push_4

push_5

push_6

push_7

pull_1

pull_2

pull_3

pull_4

pull_5

pull_6

pull_7

Prefixes & Suffixes

grid_6 prefix_1 suffix_1

grid_5 prefix_2 suffix_1

grid_4 prefix_3 suffix_1

grid_5 prefix_1 suffix_2

grid_4 prefix_1 suffix_3

grid_3 prefix_1 suffix_4