Columns Fixed

Easily create your own grids. Here's an example of 2 columns fixed:


<div class="f2">
    <div class="one">
        Column 1
    </div>
    <div class="two">
        Column 2
    </div>
</div>

Here's the output:

1

2

All Columns

1 column

1

2 columns

1

2

3 columns

1

2

3

1

2 - 3

1 - 2

3

4 columns

1

2

3

4

1

2 - 4

1 - 2

3 - 4

1 - 3

4

1

2 - 3

4

1

2

3 - 4

1 - 2

3

4

5 columns

1

2

3

4

5

1

2 - 5

1 - 2

3 - 5

1 - 3

4 - 5

1 - 4

5

1

2 - 4

5

1

2 - 3

4 - 5

6 columns

1

2

3

4

5

6

1

2 - 6

1 - 2

3 - 6

1 - 3

4 - 6

1 - 4

5 - 6

1 - 5

6

1

2 - 5

6

1

2 - 4

5 - 6

1

2 - 3

4 - 6

1 - 2

3 - 4

5 - 6

1 - 2

3 - 5

6

1 - 3

4 - 5

6

7 columns

1

2

3

4

5

6

7

1

2 - 7

1 - 2

3 - 7

1 - 3

4 - 7

1 - 4

5 - 7

1 - 5

6 - 7

1 - 6

7

1

2 - 6

7

1

2 - 5

6 - 7

1

2 - 4

5 - 7

1

2 - 3

4 - 7

1 - 2

3 - 6

7

1 - 2

3 - 5

6 - 7

1 - 2

3 - 4

5 - 7

1 - 3

4 - 5

6 - 7

8 columns

1

2

3

4

5

6

7

8

1

2 - 8

1 - 2

3 - 8

1 - 3

4 - 8

1 - 4

5 - 8

1 - 5

6 - 8

1 - 6

7 - 8

1 - 7

8

1

2 - 7

8

1

2 - 6

7 - 8

1

2 - 5

6 - 8

1

2 - 4

5 - 8

1 - 2

3 - 7

8

1 - 2

3 - 6

7 - 8

1 - 2

3 - 5

6 - 8

1 - 2

3 - 4

5 - 8

1 - 3

4 - 5

6 - 8

1 - 3

4 - 6

7 - 8

1 - 3

4 - 7

8

1 - 4

5 - 6

7 - 8

1 - 4

5 - 7

8

1

2 - 3

4 - 5

6 - 7

8