<?xml version="1.0" encoding="utf-8"?>

Margins

Margins

Margins are the empty spaces between the edges of the format and the content. They create white space around the content and vary according to screen size, either expanding or shrinking as it changes. The margin size gives the content a general shape, usually a rectangle.

Pro Tip: Set the minimum margin so your grid doesn't bump up against the screen on smaller displays.

Improve your UX & Product skills with interactive courses that actually work