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

header, nav, main, footer {
 border: black 1px dashed;
}

header {
  grid-row: 1 /2;
  grid-column: 1 / 3;
  background-image: url(https://i.pinimg.com/1200x/c0/30/07/c03007bf948d7c20142718b0befdb237.jpg);
  background-size: cover;
  
}

nav { 
  grid-row: 2 / 3;
  grid-column: 1/ 2;
  height: max-content;
  background-color: beige;
}

main { 
  
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  background-color: beige;
}

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