TIL collapsing margins in CSS don’t just apply to sibling elements, but also margins in the same direction on parents and children.

Example: If a parent element has margin-top: 8px and its first child has margin-top: 16px. The result will be that the parent is 16px from the element before the parent.