ACSS 101.02: Establishing & Manipulating Your Site's Content Width

Content Width is the maximum width that you want content to be able to go when placed inside a default section container. It's important to establish a content width so that the vast majority of your content isn't too wide, too narrow, or random [ick].

Now, just because you've set a default content widht doesn't mean all content has to be that maximum width. We'll cover breakout content in a future lesson. We'll also cover adjusting element width on-the-fly in a future lesson.

Today's lesson is isolated to:

- What is Content Width
- Default Content Width
- The Content Width Class
- The Content width Variable
- "Content Width Safe"
- Manipulating Content Width for Pages/Templates/Sections

To be clear, this is not the technique for simply changing the width of specific elements on the fly. This lesson only relates to setting and manipulating the default content/containment width of a website.

---

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