Box Model & Sizing

No questions match those filters.

1. 1 What are the four layers of the CSS box model, from inside out? Easy
2. 2 What's the difference between `content-box` and `border-box`, and why do teams set `box-sizing: border-box` globally? Easy
3. 3 How do margins collapse, and name two situations where collapsing does NOT happen. Medium
4. 4 Why does a top margin on a child sometimes push the parent down instead of the child? How do you stop it? Medium
5. 5 What's the difference between `width: auto`, `width: 100%`, and `width: fit-content`? Medium
6. 6 How do `min-width`/`max-width` interact when they conflict with `width`? Medium
7. 7 What does `aspect-ratio` do, and how did people fake it before it existed? Medium
8. 8 Explain how percentage padding is resolved — relative to width or height? Hard