*:not(debug-line) { z-index: 1; position: relative }

debug-line {
    display: grid;
    gap: inherit;
    grid-template-columns: inherit;
    grid-template-rows: inherit;
    position: absolute;
    inset: 0;
    z-index: 0;
}

debug-line > x-cell { background: rgb(255 193 203 / 0.4) }
    </style>

</head>
<body class="a11y" style="padding:2rem">

    <header></header>
    <main>

        <x-grid columns="5" columns-m="8" columns-s="2" class="debug outline">
            <x-cell>Skelet.css</x-cell>
      