Skip to content
CSS·Intermediate·Conceptual·1 min read

Why do most teams apply a global box-sizing: border-box reset?

Short interview answer

It makes sizing predictable: a component's declared width stays its actual width regardless of how much padding or border is later added, avoiding a common class of layout overflow bugs in nested or responsive components.

Key takeaway

Explain the underlying mental model clearly, then support it with a concrete example and its trade-offs.

← Back to The CSS box model

Related questions