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.