Grid

TPR uses a fixed grid system. Use grids to lay out the content on pages. A grid consists of columns (1), gutters (2), and margins (3).

Desktop (992px plus — 1440 breakpoint view)

The desktop grid system is between 992px and 1440px wide and consists of:

• Columns: 12
• Column width: 65px
• Gutter: 30px
• Margin: 165px

Tablet (768px to 991px — 768 breakpoint view)

The tablet grid system is between 768px and 991px wide and consists of:

• Columns: 8
• Column width: 64px
• Gutter: 28px
• Margin: 30px

Mobile (up to 767px — 360 breakpoint view)

The mobile grid system is up to 767px wide and consists of:

• Columns: 4
• Column width: 68px
• Gutter: 16px
• Margin: 20px