Pregunta: ¿Es posible crear un gap específico entre Grid Cell y Grid Cell? Por ejemplo, digamos que en la primera fila yo quisiera que el...

Tengo entendido que el espacio que puedes dar es en toda la columna y en toda la fila, habría que averiguar bien, ero hasta donde entendí no se puede. Si alguien puede corregirme se lo agradecería.

Hola, por lo que he experimentado no es posible, pero...

Si que puedes burlar un poco estas reglas, para ello te recomiendo mucho tener claro tu diseño, previo a jugar con lo que te mostraré.

Me surgió la misma duda, incluso en mi caso, deseaba poder encimar celdas para tener layouts un tanto asimétricos y muy dinámicos pero que en responsive pudiese ocupar las ventajas de css grid y ponerlos en otro orden.

Mi procedimiento para lograrlo fue:

1- Crear un grid con gaps estándar. 2 - Crear un elemento dentro de la celda o celdas que deseo acoplar diferente. 3 - Entender qué tan pegado quiero algunas celdas, por ejemplo si mi gap horizontal es de 15px, y deseo que una celda quede pegada a otra en el eje X... Necesito que tenga un gap de 0px, es decir, 15px - 15px. 4 - Dentro del estilo de la celda, agregué position: relative; para que a partir de la posición original se mueva y luego usar left o right para desplazar el contenido la cantidad de pixeles deseados. 5 - Compenzar el espacio que falta sumando al width la cantidad de px recorridos.

Si deseas verlo en la práctica te dejo un ejemplo: Abrir en Codepen

Hasta lo que tengo entendido NO, lo que puedes hacer es especificar el espaciado que quieres en toda la columna o fila por separado.