PSA: not setting `height: 100%` to begin with on an element that has a `padding` is a better way of avoiding overflow than the nuclear solution of setting `box-sizing: border-box` on everything.

Live comparison on @codepen:

https://codepen.io/thebabydino/pen/vEYOPPe?editors=1000

#CSS #layout #cssLayout #cssGrid #coding #code #frontend #gridLayout #boxModel #web #webDev #webDevelopment #dev

No need for border-box to prevent overflow

For [reference](https://www.reddit.com/r/css/comments/1iqa0tj/comment/md1gl1j/): because someone asked about `height:100%` + `padding` causing overflow...