header {
    border: black 2px solid;  
}

nav {
    border: black 2px solid; 
}

main {
    border: black 2px solid;    
}

footer {
    border: black 2px solid;
}


.box {
   max-width: 1000px;
   margin: 50px 50px;
   display: grid; 
   grid-gap: 10px;
   grid-template-columns: 250px minmax(0,1fr);
}

header {
    grid-row: 1 / 2 ;
    grid-column: 1 / 3;
    
}

nav {
 
 grid-row: 2 / 3;
 grid-column: 1 /2;
 height: max-content;

}

main {
  
   grid-row: 2 / 3;
   grid-column: 2 / 3;
    height: max-content;
   
}

footer {
  
    grid-row: 3 / 4;
    grid-column: 1 / 3;

}