Margen blanco alrededor del grid

Hola compañeros les escribo porque tras realizar las instrucciones del video mi pagina tiene un margen blanco que no se ve en el video y pienso que quizas estoy omitiendo algo. Este es el codigo:

.app {
    background: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    display: grid;
    grid-template-areas:
     "encabezado"
     "contenido"
     "rodapie";
     grid-template-columns: auto;
     grid-template-rows: 50px 100vh auto;
}

.encabezado {
    background-color: #00cc99;
    grid-area: encabezado;
}
.contenido {
    background-color: #ff8080;
    grid-area: contenido;
}

.rodapie { 
    background-color: #0099ff;
    grid-area: rodapie;
}

y asi es como luce

Alguien sabe a que se deba esto? Es un error mio o es algo de mi navegador?

De antemano muchas gracias, Un saludo.