Design - Grid component

[adorayi]

Summary: Design of the Grid component. Design on component branch and push to main Figma file when approved.

Acceptance Criteria:

• [ ] Component Kickoff
• [ ] Sync with Dev and Design
• [ ] Research and consulting other design libraries
• [ ] WCAG Goal can be completed using a screen reader.
• [ ] WCAG Visual elements observe color contrast requirements.
• [ ] WCAG Manual accessibility testing meets WCAG 2.1 AA requirements.
• [ ] Provides equal service in French and English.
• [ ] Sync with Dev and Design
• [ ] Comparison with official policy, documented reasons for deviation if any
• [ ] Design review
• [ ] Policy review
• [ ] Design - Different screen sizes
• [ ] Design - Short content / long content (text overflow etc.)
• [ ] Design - Error state (if applicable)
• [ ] Design - Empty state (if applicable)
• [ ] Component anatomy
• [ ] Write draft of design guidance
• [ ] Handoff from draft dev guidance to documentation author/lead
• [ ] Update Figma version

[adorayi]

Ensure grids are more detailed that what's on the website to show specific pixel amounts like DECD DS does - Add grids to Figma and specify screen widths to be used for desktop and mobile

[adorayi]

@RavinaSamaroo is this done already or is still needed? See the comment above, it seems this was created because we wanted to show specific pixel numbers and specify screen widths.