.box  {
  max-width: 800px;
  margin:50px auto;
  display: grid;
  grid-gap:5px;
  grid-template-columns: 250px auto

  
 
  

}
header, nav ,main ,footer,nav2 {
  border:#328a8f 3px solid;

 
  
}



 header {
    grid-row: 1 / 2;
    grid-column:2 / 5 ;
    height: max-content;
    width: 500px;
    background-color:#edffff;
    color: #328a8f;
    font-size:45px;
  text-align: center;
   

  
  
    
 }
 
 nav {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
    height:max-content;
    width: 150px;
     background-color:#edffff;
     color: #328a8f;
     text-align: center;
    
 }
 
 main { 
   grid-row: 2 / 3;
   grid-column: 2/4;
    background-color:#edffff;
      color: #328a8f;
    height:max-content;
    width:5 ;
    text-align: center;
   

 }
 
 nav2 {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height:max-content;
    width: 150px;
     background-color:#edffff;
     color: #328a8f;
     text-align: center;
   
 }