Use variables in Grid Styles and add overview in styles page in Figma

[muellernaumann]

Scope

Add Grid on Styles page in Figma PDS Library

Notes

• Explain the helper: The Porsche grid system is based on native CSS Grid for best performance, changing its available columns on mobile (6 content columns + 2 safe zone columns) and desktop view >= 760px viewport width (8-narrow/12-basic/14-extended/16-wide content columns + 2 safe zone columns). It has a size range between 320px and 2560px, using fluid sized columns and gaps.
• Show Examples

Acceptance Criteria

• [ ] Grid styles using variables to reduce amount
• [ ] Update the Styles with examples and guidance.
• [ ] Published Intern Library