## Background
We have been working on different grid proposals and now we need to test all options (grid columns, margins and gutters) with a [[ https://di-collapsible-menus.web.app/Brown_bear | prototype like this one ]] so that we can choose the best grid proposal to move forward.
## Acceptance criteria (or Done)
Create a prototype with the following options:
[x] Number of columns:
[x] 14 columns
[x] 12 columns
[x] Margin and Gutter:
[x] 40px margins and 40px gutter (they change on the different breakpoints, [[ https://www.figma.com/file/DYK0hkPDC9KTG9ds2RjrUp/?node-id=808%3A37216 | view details here ]])
[x] 32px margin and 24px gutter (they change on the different breakpoints, [[ https://www.figma.com/file/DYK0hkPDC9KTG9ds2RjrUp/?node-id=786%3A35360 | view details here ]])
[x] Table of content (on left):
[x] Fixed width (244px)
[x] Not fixed (aligned with the grid columns)
## Prototype
https://dsg-grid.web.app/Janis_Joplin