How to avoid width or height increasing or decreasing when margins, paddings, outline, etc. are applied to an HTML element?

Originally Published Here 🚀! To avoid the width or height getting increased or decreased when using CSS properties like margin, padding, etc, we can use the CSS property called box-sizing and set its value to border-box on the element in CSS. TL;DR ...