@media (min-width: 600px) {
    .grid-container {
        /* esta es una forma
        grid-template-columns: 200px auto;
        grid-template-rows: 100px 50px auto 100px;
        /*background-color: blue;*/
        /*grid-template-areas: 
        "header header"
        "navbar navbar"
        "sidebar main"
        "footer footer";*/

        /* esta es otra forma más sencilla*/
        grid-template: 
        "header  header" 50px
        "navbar  navbar" 70px
/*        "sidebar main" auto */
        "main main" auto
        "sidebar  footer" 0px /
        100px    auto;
    }
    
   
}