Что такое BEM и зачем?

BEM (Block Element Modifier) — методология именования CSS-классов: .block__element--modifier. Block — независимый компонент (.card), Element — часть блока (.card__title), Modifier — вариация (.card--highlighted). BEM решает проблему конфликтов имён и делает код предсказуемым. Недостаток — длинные классы. В эпоху CSS Modules и CSS-in-JS BEM менее актуален — скоупинг решается автоматически. Но для проектов без компонентного подхода BEM всё ещё полезен.