Side navigation layout #74
Description
Describe the story
Provide a clear description of the new feature or improvement to existing functionality.
Create a column layout component which displays a responsive, multi-column layout. An example in the app is the SettingsPage where there is a menu in the left column and the router Outlet in the larger content area on the right.
Use variants to allow multiple columns and layout options.
The columns should collapse by default on small viewports. One variant is two columns which grow to a 25%/75% layout on medium and larger viewports.
Use the compound design pattern if applicable to represent the columns.
Acceptance criteria
Provide clear acceptance criteria to validate the story is complete.
GIVEN the column layout component is used
WHEN the 25%/75% variant is specified
THEN a single column is displayed on the "small" and smaller viewports
AND two columns are displayed on "medium" and larger viewports and the left column is 25% and the right column is 75%
Additional context
Add any other context about the story here.