Portfolio Step 8: Consistent Spacing

Apply border-box sizing across your whole site, then build a deliberate spacing scale rather than picking values ad hoc. Choose four steps, for example 0.5rem, 1rem, 2rem and 4rem, and use only those for every margin and padding on the site. Give your project cards real padding, separate them with margin in one direction only, and constrain your page with a container that centers itself. When you are done, every gap on your site should be traceable to one of your four values.