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

main, footer{
    border: #00faff 2px solid
}

article {
    grid-row: 2 / 3;
    grid-column: 3 / 4;
    max-width: 250px;
    height: max-content;
}

header {
    grid-row: 1 / 2;
    grid-column: 1 / 4;
   
    
    
}

nav{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    max-width: 250px;
    height: max-content;
    
}

main {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    max-width: 500px;
    height: max-content;
}

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

ul {
    padding: o;
    margin-left: -27px;
}

ul li::marker {
    content:none;
    padding: o;
}