Section and grid

Guidelines:

• Put a page section at root level
• Only introduce content in a new page section when another background color is needed. This is for prevent to large white spaces between sections an blocks. The only exception to this rule is when you want to implement a Selligent form. For this you use a special kind of page section; the SelligentRendererSection
• Apply a theme if needed (brand-blue-light) to add a background color over the full width of the page
• Add column structures (6-6 or 4-4 or 4-4-4 or smaller full row)
• By default, rows have no gutter between the columns
• If you wish to add content in a row with a gutter in between, apply the theme "row with spacing between columns"
• If you add an image and text in a 6-6 apply theme "rowwithRoundedCorners" so the rounded corners are applied on the row and not on the specific components
• When you add a row, you can choose to add a title to be displayed on top of any contents you add in that row. This works a bit unintuitively; you need to create a row in /sitecore/content/Sites/GrievingGuide/Data/Repository/Grid Data that can be used as a datasource on the row component (column12, column6-6,...). You can then select a titleTheme to align the title to the left, or center it.