# Naming and Structure

Naming and Structure: Naming Things: BEM and Component Classes, Utility Classes and Utility-First CSS.

Updated: November 10, 2026

1. [Naming Things: BEM and Component Classes](https://www.ask-codey.com/lessons/css-bem-naming) (Journeyman): BEM names every class after the component it belongs to, as block\_\_element--modifier, so selectors stay flat and low-scoring and anyone on a team can find, change and reuse a component's styles.
2. [Utility Classes and Utility-First CSS](https://www.ask-codey.com/lessons/css-utility-first) (Journeyman): 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.

Source: https://www.ask-codey.com/courses/css-in-depth/topics/css-naming-and-structure