School Website Page Widths

Master layouts and pages in your school website 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