Columns / Grid / Framework

In some cases columns have the same width, such as: "two_quarter" & "one_half". The class names have been left in place simply for ease of use, if you prefer to use one method you can, but you can also mix names e.g.

1/4
1/4
2/4

Is the same as:

1/4
1/4
1/2

When using the framework remember that all first containing elements have a double class: class="COLUMNNAME first", the class "first" removes the left margin and clears the float e.g.

1/2
1/2

The same goes for nested elements, the first container element in the main container has to have class="COLUMNNAME first" e.g.

1/2
1/2
1/2

Half Columns

1/2
1/2

Third Columns

1/3
1/3
1/3
1/3
2/3

Quarter Columns

1/4
1/4
1/4
1/4
1/4
1/4
2/4
1/4
3/4
1/4
2/4
1/4

Fifth Columns

1/5
1/5
1/5
1/5
1/5
1/5
1/5
1/5
2/5
1/5
1/5
3/5
1/5
4/5
2/5
3/5

Sixth Columns

1/6
1/6
1/6
1/6
1/6
1/6
1/6
1/6
1/6
1/6
2/6
1/6
1/6
1/6
3/6
1/6
1/6
4/6
1/6
5/6
2/6
1/6
3/6