Style Guide version 1.1

Grid / Breakpoints

Breakpoints

MobileTabletDesktop
Screen Width≤ 767px≥ 768px and ≤ 990px≥ 991px

Grid

On desktop, there is a 970px wide safe-zone. With the exception of the navigation, all important content is within the 970px wide container.

Desktop

laptop-1

On Questionnaire pages, the 970px safe-zone is separated into two columns. The left column is 570px wide. The right column is 345px wide. There is a 55px space between the two.

laptop 570px
Questionnaire Separations

Tablet

The 970px container collapses on tablet size.

Tablet

Mobile

The 970px container collapses on mobile size.

Mobile