Spacing Wrappers

  • Our spacing classes go on a div. We call these divs "spacing wrappers".
  • We put an element inside of that div to create spacing for that element.
  • Spacing wrapper utility classes can help you work faster and with more unified styles across our project.
  • We want the spacing system to create less chaos and less classes in our project.
  • Keep vertical and horizontal spacing global on the website.
  • Make intelligent spacing decisions inside Client-first, it can help us work faster.

Learn more on the Intro and Spacing Strategy pages.