Glossary: CSS Layout and Responsive Design
BEM (block, element, modifier)
Also written: BEM, block element modifier
A class naming pattern: a block is a component (`.card`), an element is a part joined by two underscores (`.card__title`), and a modifier is a variation joined by two hyphens (`.card--sale`).