Web Grid System
Grid Sizes
Gutter: 20px
Full Width
100% - 1120px
Three-quarters Width
75% - 835px
Quarter Width
25% - 265px
Two-thirds Width
66% - 740px
Third Width
33% - 360px
Half Width
50% - 550px
Half Width
50% - 550px
Half Width
50% - 550px
Quarter Width
25% - 217px
Quarter Width
25% - 265px
Third Width
33% - 360px
Two-thirds Width
66% - 740px
Third Width
33% - 360px
Third Width
33% - 360px
Third Width
33% - 360px
Quarter Width
25% - 265px
Three-quarters Width
77% - 835px
Quarter Width
25% - 265px
Quarter Width
25% - 265px
Quarter Width
25% - 265px
Quarter Width
25% - 265px
Fifth Width
20% - 208px
Fifth Width
20% - 208px
Fifth Width
20% - 208px
Fifth Width
20% - 208px
Fifth Width
20% - 208px
Sixth Width
17% - 170px
Sixth Width
17% - 170px
Sixth Width
17% - 170px
Sixth Width
17% - 170px
Sixth Width
17% - 170px
Sixth Width
17% - 170px
Grid Dimensions
Gutters: 20 pixels
Left Column with side navigation (desktop): 224 pixels
Two Col Content (desktop): 866 pixels
One Column (desktop): 1120 pixels
Image Sizes for the Grid
Image widths should align with the site grid system. Suggested heights are given for
universal standards, but can be custom cropped as needed.
See web image sizes