What does box-sizing inherit reset look like and trade-offs?

Short Interview Answer

html { box-sizing: border-box } * { box-sizing: inherit } — predictable sizing globally.

Detailed Explanation

Third-party widgets may assume content-box. Document the reset.

Example

html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }