Grids

Global Grid Standards

Grids are the structural foundation for all of our websites. They allow designers to create sites that are well-structured and organized, help users follow a simple and consistent layout, and give developers an easy way to create responsive sites and update content on the fly. Consistent use of a single grid system allows content modules to be easily ported across multiple properties.

Our grid system adheres to the following global standards:

58px columns
10px gutters
Content inside modules receives 10px of padding

Desktop (956px)

Our desktop grid adheres to the following rules:

12 columns
10px outer margin
Content extends to the 936px width
Navigation extends to the 956px width
Containers extend to the 956px width

Tablet (760px)

Our tablet grid adheres to the following rules:

9 columns
29px outer margin

Mobile - Landscape (480px)

Our mobile grid adheres to the following rules:

6 columns
6px outer margin

Mobile - Portrait (320px)