Learning on Web Dev Open is free for all.

Design Craft > Space, and what winsA spacing scale with teeth
Phase 02Space, and what wins104 of 434

A spacing scale with teeth

Count the distinct spacing values in your current page. If the number is over eight, this chapter is where you get it under six.

Build26 minAI off

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Define a spacing scale and express it as tokens
  • Rewrite a page to use only scale values
  • Justify each remaining exception in a comment
Ask the community

Loading…