.container {
    max-width: 1000px;
    margin:50px auto;
    display:grid;
    grid-gap: 10px;
    grid-template-columns: 250px auto;
    background-color:#F7F8FA;
    font: 1.2em / 1.5 sans-serif;
    box-sizing: border-box;
}

a {
  color: grey;
}
a:hover,
a:focus {
  text-decoration: none;
}

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

header {
    grid-row: 1/2;
    grid-column: 1/3;
    background-color:#839BBB;
}

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;
}