“collapsing margins in action” section

In the “collapsing margins in action
of CSS Demystified, Kevin adds a padding top & a padding bottom & that brings the hero image into view where prior to that, it was partially covered.

I think I am somehow not understanding where the part is that explains why the lack of padding prevents the image from being in full view.

Can someone please explain how this works?

Thanks!
Was this page helpful?