CSS Grid Uncollapses Your Margins. What?
Sometimes margins smash together. Sometimes they stay separate. This is called "margin collapsing". It can be confusing. Some people wish the web never had such a thing. Well, with CSS Grid, you can make margin collapsing go away. Jen will show you how.
Links:
The Demo: https://codepen.io/jensimmons/pen/pVxrMK
The Tweet: / 996811135226695680
Firefox CSS Grid Inspector: https://developer.mozilla.org/en-US/d...
MDN article on margin collapsing: https://developer.mozilla.org/en-US/d...
Bert Bos and Håkon Lie at CSS Day: https://vimeo.com/237192358