Add box-sizing: border-box to all elements by default

[jordanoverbye]

No description provided.

[mrmckeb]

I think this is a great change, more important IMO than the other CSS we ship with. But, it will be a breaking change - even if the templates aren't replaced when bumping React scripts.

[robertvansteen]

This should be a user choice in my opinion. I always apply this to my projects but I know what it does. I don’t think everyone new to React or front-end development will know what the effect of this rule is. CRA shouldn’t be a CSS reset.

[jordanoverbye]

Thanks for your feedback @mrmckeb and @rovansteen! I agree that CRA shouldn't be a CSS reset - but I believe this change will benefit the majority of CRA users, and for those people who are new to front-end or CRA these additions are no different to the CSS CRA is currently shipped with.

[mrmckeb]

I've discussed this with more of the core team, and while I think most of us agree that everyone in the world should turn this on, we're going to hold off on this for now.

Stay tuned, we're definitely looking into improving the out-of-box template experience.