# Utility Classes and Utility-First CSS

A utility class does one small job, such as .text-center or .mt-4, and a few of them in a utilities layer handle one-off tweaks without new rules, while utility-first frameworks build whole pages from thousands of them.

![Cheat sheet: Utility Classes and Utility-First CSS](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/51310625307c42959839d28708701489.webp)

- Category: CSS
- Level: Journeyman
- Tags: Cascade layer, CSS, Spacing Utilities, Utility Class (css), Utility-First, web-development
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-utility-first-cheat-sheet