ACSS 101.05: Smart Spacing

Smart Spacing is one of the most important and powerful spacing features in Automatic.css. It's what allows for achieving perfectly even spacing in your page building workflow (when desired) and perfect rhythmic spacing in your rich content.

It also provides you unprecedented control over rich content spacing that isn't provided by page builders or any other framework, saving you the time and hassle of writing complex custom CSS.

In this lesson you'll learn:

- What is Smart Spacing?
- Why does Smart Spacing exist? What problems does it solve?
- What is user-agent and browser-reset styling and why is it undesirable?
- Why gaps should be used for even spacing and why gap isn't possible when user agent styling or bad builder resets are being used.
- How to use ACSS to control rich content spacing.
- The .smart-spacing utility class for manually adding smart spacing to any container.
- How to reference an smart spacing control with a variable.

--

Interested in using Automatic.css on your sites and accessing the private ACSS support and strategy community? Get a license here: https://automaticcss.com

Interested in using Frames on your sites and accessing the private Frames support and strategy community? Get a license here: https://getframes.io

Want more helpful dev tutorials and agency-related trainings? Check out Kevin's channel:    / @gearyco