body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

header, nav, main, footer {
  border: black 2px solid;
}

div {
  
this is where you edit the box itself not the indidual pieces inside 
  max-width: 1000px;
  margin: 100px 500px;
  display: grid;
  grid-gap: 25px;
  grid-template-column: 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;
  max-height: 100px;
  overflow-y: auto;
}

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