Architecture Interview Questions

Trace the specificity escalation spiral from the first failed override to an !important-saturated codebase, and compare the mechanisms that stop it.

Compare composing from single-purpose utilities against writing scoped semantic rules, on bundle size, refactoring cost, and where each one breaks down.

Learn the Block Element Modifier convention, why flat single-class selectors keep specificity constant, and where BEM still applies in a component-framework world.

Learn how @layer creates explicit precedence buckets that outrank specificity, and how it ends the specificity escalation spiral.

Compare the one-dimensional and two-dimensional layout models, then apply a concrete decision rule based on who controls the sizing.

Compare min-width and max-width strategies by their base styles, override direction, and what each one does to specificity and performance.