display: contents премахва кутията, а не HTML елемента

Полезно е да знаеш

display: contents позволява на децата да се оформят така, сякаш обвиващият елемент няма собствена кутия. Самият възел остава в DOM; правилата за наследяване и селекторите не изчезват. [1]

В grid оформление това може да изведе внуците като участници в мрежата. Рамката и фонът на обвивката обаче вече нямат обичайната кутия за рисуване. MDN отбелязва и проблеми с дървото за достъпност в някои реализации. Изпробвай семантиката със съответните браузъри и помощни технологии, особено при таблици, списъци и интерактивни групи.