What is the CSS display: contents property?

It removes the element from the layout hierarchy, making its children act as direct children of the element's parent.

The element's box simply vanishes, but its children remain. This is incredibly useful for structural HTML wrappers (like a semantic <article> tag) that you want to participate in a parent's Flexbox or Grid without creating an interrupting container block.