Facebook pixel Web Grid System | Pepperdine University | Pepperdine Community

Web Grid System

Grid System

Gutter: 30px

Full Width
96.969% - 960px

Three-quarters Width
71.97% - 712px

Quarter Width
22% - 217px

Two-thirds Width
63.636% - 630px

Third Width
30.303% - 300px

Half Width
46.969% - 465px

Half Width
46.969% - 465px

Half Width
46.969% - 465px

Quarter Width
22% - 217px

Quarter Width
22% - 217px

Third Width
30.303% - 300px

Two-thirds Width
63.636% - 630px

Third Width
30.303% - 300px

Third Width
30.303% - 300px

Third Width
30.303% - 300px

Quarter Width
22% - 217px

Three-quarters Width
71.97% - 712px

Quarter Width
22% - 217px

Quarter Width
22% - 217px

Quarter Width
22% - 217px

Quarter Width
22% - 217px

 

Grid Dimensions

Gutters: 30 pixels

Left Column (desktop): 300 pixels

Two Col Content (desktop): 630 pixels

One Column (desktop): 960 pixels

Image Sizes:

Image widths should align with the site grid system. Suggested heights are given for universal standards, but can be custom cropped as needed.

One Column Page

  • Full: 960 x 450 pixels
  • Three-quarters: 712 x 375 pixels
  • Two-thirds: 630 x 315 pixels
  • Half: 465 x 300 pixels
  • Third: 300 x 200 pixels
  • Vertical Third: 300 x 400 pixels
  • Quarter: 217 x 217 pixels
  • Vertical Quarter: 217 x 289 pixels

Two Column Page

  • Full: 630 x 315 pixels
  • Three-quarters: 465 x 245 pixels
  • Two-thirds: 410 x 220 pixels
  • Half: 300 x 200 pixels
  • VerticalHalf: 300 x 400 pixels
  • Third: 190 x 145 pixels
  • Vertical Third: 190 x 253 pixels
  • Quarter: 135 x 135 pixels
  • Vertical Quarter: 135 x 180 pixels

Home Page

  • Desktop Slideshow Images: 1800 x 550 pixels
  • Mobile Slideshow Images: 600 x 500 pixels