как в css для grid-а плюсануть к fr pixel

Переведу для Вас этот ответ на англоязычной версии SO:

Единица fr не является стандартной длиной, как проценты или пиксели. Онa представляет собой только остаточное пространство.

Следовательно, fr нельзя использовать в выражениях calc().

§ 7.2.3. Гибкие длины: единица fr

Гибкая длина — это размер с единицей измерения fr, который представляет часть остаточного пространства в контейнере сетки.

Единицы fr не являются длинами, поэтому они не могут быть представлены в выражениях calc().

Но действительно ли вам нужен calc()?

fr применяется только к оставшемуся пространству, которое остается после учета истинной длины, такой как ширина, границы, поля и отступы.

Скорее всего Вам это всё не нужно, просто добавьте отступы в сетке через gap