Como puedo aplicar esto al html semántico ? si esa propiedad se le da al hijo del grid container? el padre contenedor seria el body? la ...

¡Hola! Tal como te dijo Carlos, puedes tener antes del body un article y/o section, PERO, recuerda que no siempre va a ser correcto usarlos, la semántica depende mucho de tu sitio web.

Imagina que tienes que hacer varias grid, y por cada una de ellas pones un article o un section, acabarías llenando tu sitio web de articles o sections que realmente no son necesarios y acabarías afectando la semántica de tu sitio.

Para este tipo de casos es que existe la etiqueta

. Siempre puedes encerrar todo el código HTML dentro de un div para aplicarle un grid, para eso sirve la etiqueta div, para actuar como contenedor cuando lo necesitas.

La etiqueta div va a dividir tu documento para que puedas aplicar estilos sin problemas. Recuerda que una cosa es usar la etiqueta div para seccionar tu documento semánticamente (como si fueran sections o aside o header) lo cual es incorrecto, pero otra cosa es usar div para seccionar tu documento para poder aplicar estilos y hacer cosas con CSS lo cual es correcto ^^

Hola, Luis

Podrías tener antes del body un article y/o un section que te pueden ayudar a dar más sentido semántico a tu HTML