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

header {border: black 2px solid}
header {
    grid-row:1/2;
        grid-column:1/3;
}

nav {border: black 2px solid}
nav{
    grid-row: 2/3;
    grid-column:1/2;
    height: max-content;
}

main  {border: black 2px solid}
main{
    grid-row: 2/3;
    grid-column:2/3;
    height: max-content;
}

footer {border: black 2px solid}
footer {
    grid-row:3/4;
    grid-column:1/3;
}