marinka454545

Ну можно, например, не использовать такой длинный идентификатор. Т.е. вместо "header" используйте "h". Тогда будет короче...

Насколько мне известно - никак, и Mozilla такого же мнения, ни слова о сокращении.

Если не подходит в 12-колоночной сетке grid-template-areas - используй вместо него grid-column: 1 / 13;

Это не совсем таблица. Можно сделать так: каждую колонку на мобилках друг под дружкой. Колонку с заголовками встроить в каждую колонку с значениями. т.е. выйдет примерно
Название
Значение
------------
Название
Значение
-----------

и так для каждой колонки.

Можно все это дело сделать слайдером, а также можно чтобы в слайдере двигались только значения полей, а заголовки были фиксированными.