Automatic CSS 101 Episode 2

Dream Big text

Automatic CSS 101 Episode 2

May 01, 2024

No sooner did I post about episode 1 than I received notification that episode 2 is now available. This new episode focuses on content width and the features that ACSS brings to the table.

From the marketing email:

Content Width is the maximum content width when placed inside a default section container. Establishing a content width is important so that most of your content isn’t too wide, too narrow, or random.

Now, just because you’ve set a default content width doesn’t mean all content has to be that maximum width. We’ll cover breakout content and 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.

Leave the first comment

Other articles