Overview

The overall layout of the web app is divided in two:

• Primary navigation
• Content

Primary navigation

The primary navigation sits fixed at the left hand side of the page to create a clear separation from the main content.

• Width: 204px
• Hight: Full hight of viewport.

Content

The content is responsive according to the breakpoints stated further below.

Desktop design

Breakpoints

Components responsiveness