Demo page for Columnal system (12-column grid)

prefixes & 1-column

pre_1
pre_2
pre_3
 
 
 

prefixes & 1-column

pre_4
pre_5
 

1-column

 
 
 
 
 
 
 
 
 
 
 
 

2-column

 
 
 
 
 
 

3-column

 
 
 
 

4-column

 
 
 

5-column + 2-column middle filler (to equal 12)

 
 
 

6-column

 
 

7-column + 5-column

 
 

8-column + 4-column

 
 

9-column + 3-column

 
 

10-column + 2-column

 
 

11-column + 1-column

 
 

12-column

 

Sub columns (columns within columns), unique to Columnal

2-column (1-column inside)

 
 
 
 
 
 
 
 
 
 
 
 

3-column (1-column inside)

 
 
 
 
 
 
 
 
 
 
 
 

3-column (2-column & 1-column inside)

 
 
 
 
 
 
 
 

4-column (1-column inside)

 
 
 
 
 
 
 
 
 
 
 
 

4-column (3-column & 1-column inside)

 
 
 
 
 
 

4-column (2-column & 2-column inside)

 
 
 
 
 
 

5-column (1-column inside) & 2-column @ end

 
 
 
 
 
 
 
 
 
 
 
 

5-column (2-column inside) & 2-column @ end

 
 
 
 
 
 
 
 

5-column (3-column inside) & 2-column @ end

 
 
 
 
 
 

6-column (1-column inside)

 
 
 
 
 
 
 
 
 
 
 
 

6-column (2-column inside)

 
 
 
 
 
 

6-column (3-column inside)

 
 
 
 

6-column (4-column inside)

 
 
 
 

6-column (5-column inside)

 
 
 
 

6-column (5-column inside)

 
 
 
 

7-column (1-column inside) & 5-column @ end

 
 
 
 
 
 
 
 
 
 
 
 

7-column (2-column inside) & 5-column @ end

 
 
 
 
 
 
 
 
 

7-column (3-column inside) & 5-column @ end

 
 
 
 
 

7-column (4-column inside) & 5-column @ end

 
 
 
 

7-column (5-column inside) & 5-column @ end

 
 
 
 

7-column (6-column inside) & 5-column @ end

 
 
 
 

8-column (1-column inside) & 4-column @ end

 
 
 
 
 
 
 
 
 
 

8-column (2-column inside) & 4-column @ end

 
 
 
 
 
 

8-column (3-column inside) & 4-column @ end

 
 
 
 
 

8-column (4-column inside) & 4-column @ end

 
 
 
 

8-column (5-column inside) & 4-column @ end

 
 
 
 

8-column (6-column inside) & 4-column @ end

 
 
 
 

8-column (7-column inside) & 4-column @ end

 
 
 
 

9-column (1-column inside) & 3-column @ end

 
 
 
 
 
 
 
 
 
 
 

9-column (2-column inside) & 3-column @ end

 
 
 
 
 
 
 

9-column (3-column inside) & 3-column @ end

 
 
 
 
 

9-column (4-column inside) & 3-column @ end

 
 
 
 
 

9-column (5-column inside) & 3-column @ end

 
 
 
 

9-column (6-column inside) & 3-column @ end

 
 
 
 

9-column (7-column inside) & 2-column @ end

 
 
 
 

9-column (8-column inside) & 2-column @ end

 
 
 
 

10-column (1-column inside) & 2-column @ end

 
 
 
 
 
 
 
 
 
 
 
 

10-column (2-column inside) & 2-column @ end

 
 
 
 
 
 
 

10-column (3-column inside) & 2-column @ end

 
 
 
 
 
 

10-column (4-column inside) & 2-column @ end

 
 
 
 
 

10-column (5-column inside) & 2-column @ end

 
 
 
 

10-column (6-column inside) & 2-column @ end

 
 
 
 

10-column (7-column inside) & 2-column @ end

 
 
 
 

10-column (8-column inside) & 2-column @ end

 
 
 
 

10-column (9-column inside) & 2-column @ end

 
 
 
 

11-column (1-column inside) & 1-column @ end

 
 
 
 
 
 
 
 
 
 
 
 

11-column (2-column inside) & 1-column @ end

 
 
 
 
 
 
 

11-column (3-column inside) & 1-column @ end

 
 
 
 
 

11-column (4-column inside) & 1-column @ end

 
 
 
 

11-column (5-column inside) & 1-column @ end

 
 
 
 

11-column (6-column inside) & 1-column @ end

 
 
 

11-column (7-column inside) & 1-column @ end

 
 
 

11-column (8-column inside) & 1-column @ end

 
 
 

11-column (9-column inside) & 1-column @ end

 
 
 

11-column (10-column inside) & 1-column @ end