A great spacing system can provide a meaningful relationship between elements, divide clear sections and group things together without using separators, and provide a consistent look and feel across the site and create excellent visual hierarchy.
By adjusting the $base-spacingspace variable, we generate a list of spacings that ideally would cover most of the use cases for padding margin gap and grid-gap , avoid using percentage unless it’s necessary. the multipliers are not restricted, more defined multiplier can be introduced in between the list.
...