Page building widths for different computer devices

Master layouts and pages in onMessage use a 24 column grid structure (for responsive design). Below are the widths (in pixels) of the columns when viewed on different devices.

*The total width includes all columns and the space between them.

 

Large Desktop 

Small Desktop 

Tablet 

Mobile 

Min width 

1200 

980 

768 

-

Max width 

-

1199 

979 

767 

 

 

 

 

 

Width of each column 

35 

30 

21 

 

Width between columns 

15 

10 

10 

 

 

 

 

 

 

24 columns/Full grid width* 

1185 

950 

734 

Fluid - 100% width (becomes 1 column)

23 columns* 

1135 

910 

703 

N/A  

22 columns* 

1085 

870 

672 

N/A

21 columns* 

1035 

830 

641 

N/A

20 columns* 

985 

790 

610 

N/A

19 columns* 

935 

750 

579 

N/A

18 columns* 

885 

710 

548 

N/A

17 columns* 

835 

670 

517 

N/A

16 columns* 

785 

630 

486 

N/A

15 columns* 

735 

590 

455 

N/A 

14 columns* 

685 

550 

424 

N/A

13 columns* 

635 

510 

393 

N/A

12 columns* 

585 

470 

362 

N/A

11 columns* 

535 

430 

331 

N/A

10 columns* 

485 

390 

300 

N/A

9 columns* 

435 

350 

269 

N/A

8 columns* 

385 

310 

238 

N/A

7 columns* 

335 

270 

207 

N/A

6 columns* 

285 

230 

176 

N/A

5 columns* 

235 

190 

145 

N/A

4 columns* 

185 

150 

114 

N/A

3 columns* 

135 

110 

83 

N/A

2 columns* 

85 

70 

52 

N/A

1 column* 

35 

30 

21 

N/A