body {
  background-image: url("flood.png");
  background-size: cover;
  font-family: Comic Sans MS;
}

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

body header, body main, body nav, body footer {
  border: black 3px solid;
}

body header{
    
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    font-size: 1cm;
}

body main{
    grid-row: 2 / 3 ;
    grid-column: 1 / 2 ;
    height: max-content;
}
body nav{
    grid-row: 2 / 3 ;
    grid-column: 2 / 3 ;
}
body footer{
    grid-row: 3 / 4 ;
    grid-column: 1 / 3 ;
}