Question

what are the components of design grid​

Answer 1

Explanation:

Designing to the grid helps create seamless, easy to follow experiences.

...

Layout with the horizontal grid

Global navigation: Minimum width of 60px.

Container navigation: Minimum width of 240px.

Content: Adaptive width.

Gutter: Fixed spacing between columns.

Column: Guides what the content aligns to.

Answer 2

Answer:

The grid is the foundation for positioning elements onscreen. Designing to the grid helps create seamless, easy to follow experiences.

...

Gutter spacing

Compact: Least whitespace between columns.

Cozy: (Default) normal whitespace between columns.

Comfortable: Most whitespace between columns.