Prisma saysMethodologies — BEM, SMACSS, utility-first — keep CSS organized and predictable at scale.
As projects grow, naming chaos sets in. BEM (Block__Element--Modifier) gives flat, intention-revealing class names. SMACSS categorizes rules. Utility-first (Tailwind-style) composes tiny single-purpose classes in the markup. Pick one and stay consistent — the system matters more than which.
Power-ups you unlock
BEM: .block__element--modifier naming
SMACSS: base/layout/module/state categories
Utility-first: compose tiny classes in markup
Consistency beats the specific choice
Jank the Janitor attacks — common mistakes
Mixing methodologies inconsistently
Deeply nested selectors instead of flat classes
Naming by appearance (.blue) not purpose
Boss battleRewrite a nested rule set as flat BEM classes.