.container {
  max-width:1000px;
  margin:50px auto;
  display: grid;
  grid-gap: 10px;
  grid-template-columns:250px minmax(0, 1fr);
  }
nav, main {
  background: #000000;
  border-radius: 10px;
  padding: 20px;
  color: white;
  ul {
    padding: 0px;
  }
}

header, nav, main, footer {
  border: black 2px solid;
  }
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;
  }