Columns Stacked 1

By adding stack1 to the outer div, columns will stack to 1 column on widths less than 768px.


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

Here's the available columns and output:

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