display: contents は、要素自身を無視し、要素の子要素を要素の親の直接の子要素であるかのように表示させます。CSS グリッドなどのレイアウト手法を使用する場合に、ラッパー要素を無視したい場合に便利です。