Engineering, Accesibility, Web Accessibility, Creativity.
a common baseline grid that designers utilize to create consistent spacing and vertical rhythm. Spacing-4: 4px (design) / 0.25rem (code) Spacing-8: 8px (design) / 0.5rem (code) Spacing-12: 12px (design) / 0.75rem (code) Spacing-16: 16px (design) / 1rem (code) Spacing-20: 20px (design) / 1.25rem