Exercise: Writing Your First Utility Classes

This is a premium lesson.

Subscribe to get access to the entire course.

Sign up now

As we mentioned before, utility classes are excellent for styling UI elements that:

• Cannot be represented as DOM elements
• Do not require complex, or repeated, markup
• Do not require JavaScript to function

In this lesson we’ll create 4 handy utility classes that a consumer can use by downloading the stylesheet and applying the necessary classes.

We’ll start with a pretty serviceable website:

It looks fine, but there are a few things we can do to improve the site, from both an aesthetic and functional standpoint.

For starters, the contents of the footer are cramped. It would be easy for someone to accidentally click the