Small (0.5x) Spacing
These spacing values are the combined total between two individual components.
Half of one component + half of another component.
Half of one component + half of another component.
Desktop: 36px
Tablet: 28px
Mobile: 16px
Standard (1x) Spacing
These spacing values are the combined total between two individual components.
Half of one component + half of another component.
Half of one component + half of another component.
Desktop: 72px
Tablet: 56px
Mobile: 32px
Large (1.5x) Spacing
These spacing values are the combined total between two individual components.
Half of one component + half of another component.
Half of one component + half of another component.
Desktop: 108px
Tablet: 84px
Mobile: 48px
Extra Large (2x) Spacing
These spacing values are the combined total between two individual components.
Half of one component + half of another component.
Half of one component + half of another component.
Desktop: 144px
Tablet: 112px
Mobile: 64px