What changes?

Margins protect content from the frame edge; gutters separate columns. Their relationship should make the layout readable without swallowing the available content width.

Use it in your work

Keep a safe outer margin on a phone and smaller gaps between related tiles.

A common mistake

Removing outer margins to fit one more column.

Context matters

Images may intentionally reach the edge while text keeps its own margin.