Spacing

A electric scooter parked in the open parking area

Spacing refers to the blank space between design elements and components, which can be managed in code using margin and padding. It assists in establishing visual coherence both within a page and between pages.

Element Name

Padding

Margin


Containers

16px 0px
24px 0px

Div

16px 0px
24px 0px

Images

auto
24px

Heading

auto
auto

Paragraphs

auto
auto

Hyper Links

Lists

auto
auto

Buttons

12px 24px
24px 0px