what is box-sizing in css ? (give some example)

Answer 1

Rule of thumb: if an element needs to set width:100% to parent, and it has border width (no zero),
always set box-sizing: border-box

Checkout the examples on this mozilla documentation
https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing