Spacing

Spacing is the breathing room outside (margin) or inside (padding) an element’s boundary — you can add spacing to each side individually, as well as separately on mobile and desktop.

In general, when adding spacing between items on your site, it is best practice to add bottom padding. By approaching this consistently it will make it easier to find and change spacing any you time you need to change it.

Add spacing outside the item. You can also add negative margins to content items.

In some situations, margins of adjacent elements can combine to form a single margin. This is known as collapsing margins and can be confusing since it can be overwritten in some situations and not others.

To avoid this issue, don’t add a top margin to the first element on your page if it doesn't have a fixed position. Instead, add top padding to the body element.

Add spacing inside the item boundaries.