Gumby

A responsive 960 grid from Digital Surgeons

940px

60px

860px

60px

60px

60px

60px

60px

60px

60px

60px

60px

60px

60px

60px

140px

780px

140px

140px

140px

140px

140px

140px

220px

700px

220px

220px

220px

220px

300px

620px

300px

300px

300px

380px

540px

460px

460px

Columns pushed right by 'x'

11 Columns Push 1

60px

10 Columns Push 1

10 Columns Push 2

60px

9 Columns Push 2

9 Columns Push 3

60px

8 Columns Push 3

8 Columns Push 4

60px

7 Columns Push 4

7 Columns Push 5

60px

6 Columns Push 5

6 Columns Push 6

60px

5 Columns Push 6

5 Columns Push 7

60px

4 Columns Push 7

4 Columns Push 8

60px

3 Col Push 8

3 Col Push 9

60px

2 - Push 9

2 - Push 10

60px

60px

60px

Columns pushed and pulled by 'x'

1

11 Columns Pull 1

2 Columns

10 Columns Pull 2

3 Columns Push 9

9 Columns Pull 3

4 Columns Push 8

8 Columns Pull 4

5 Columns Push 7

7 Columns Pull 5

6 Columns Push 6

6 Columns Pull 6

Centered Columns

11 Columns

10 Columns

9 Columns

8 Columns

7 Columns

6 Columns

5 Columns

4 Columns

3 Columns

2 Columns

1 Col

Responsive 16 Column Grid

940px

40

880px

40

40

40

40

40

40

40

40

40

40

40

40

40

40

40

40

100px

820px

100px

100px

100px

100px

100px

100px

100px

100px

160px

760px

160px

160px

220px

160px

160px

220px

700px

220px

220px

220px

220px

280px

640px

280px

340px

280px

340px

580px

340px

220px

340px

400px

520px

400px

100px

400px

460px

460px

Columns pushed right by 'x'

15 Columns Push 1

40px

14 Columns Push 1

14 Columns Push 2

40px

13 Columns Push 2

13 Columns Push 3

40px

12 Columns Push 3

12 Columns Push 4

40px

11 Columns Push 4

11 Columns Push 5

40px

10 Columns Push 5

10 Columns Push 6

40px

9 Columns Push 6

9 Columns Push 7

40px

8 Columns Push 7

8 Columns Push 8

40px

7 Columns Push 8

7 Columns Push 9

40px

6 Columns Push 9

6 Columns Push 10

40px

5 Columns Push 10

5 Columns Push 11

40px

4 Columns Push 11

4 Columns Push 12

40px

3 Col Push 12

3 Col Push 13

40px

2 - Push 13

2 - Push 14

40px

40px

40px

Columns pushed and pulled by 'x'

1

15 Columns Pull 1

2 Col

14 Columns Pull 2

3 Col Push 13

13 Columns Pull 3

4 Columns Push 12

12 Columns Pull 4

5 Columns Push 11

11 Columns Pull 5

6 Columns Push 10

10 Columns Pull 6

7 Columns Push 9

9 Columns Pull 7

8 Columns Push 8

8 Columns Pull 8

Centered Columns

15 Columns

14 Columns

13 Columns

12 Columns

11 Columns

10 Columns

9 Columns

8 Columns

7 Columns

6 Columns

5 Columns

4 Columns

3 Columns

2 Columns

1 Col