*1. What is the CSS Box Model, and how does box-sizing affect it?
*
Every element on a page is basically a rectangular box made up of four parts: content, padding, border, and margin. By default, browsers use box-sizing: content-box, which means if you set width: 200px, that's just the content area — any padding or border you add gets tacked on top, making the element bigger than you intended. This trips people up constantly. Switching to box-sizing: border-box fixes that headache by folding padding and border into your specified width/height, so the element stays the size you actually set. It makes responsive layouts way more predictable, which is why a lot of developers just apply it globally at the start of a project.
*2. What's the difference between display: block, inline, and inline-block?
*
