@utility grid-table-* { &:is(table) { display: grid; grid-template-columns: --value([*]); & > :is(thead, tbody, tfoot) { grid-column-start: 1; grid-column-end: -1; display: grid; grid-template-columns: subgrid; & > tr { grid-column-start: 1; grid-column-end: -1; display: grid; grid-template-columns: subgrid; & > th, & > td { grid-column: span 1; align-content: center; text-align: center; } } } } }