Tengo una solución al inconveniente: En la clase app del archivo style.css, realicé este cambio de código; grid-template-rows: 50px auto 50px; (que en uno de los primeros videos, sobre la clase contenido, se ingresó este código grid-template-rows: 50px 100vh auto;), pues el height del área contenido genera el problema con el footer, y cuando lo dejé en auto (cuando ya quedó concluido), el footer se posicionó donde debería estar, en el pie de página.
P.D.: Ya me di cuenta que en uno de los videos del módulo 4, que el grid template rows vi que está escrito así ==> grid-template-rows: 50px auto auto;. Esto prueba que ya se solucionó al problema que planteé