@Marc

[liebewinter]

ich habe gemacht wie du sagst , ich habe frühr die Anführungszeichen vergesen… , ich habe auch der Text verändert wie du siehst kannst

body {
background-color: #ebf5d7;
grid-gap: 5px;
grid-template-columns: 1fr 2fr 1fr;
grid-template-areas:
	
"header   header   header"   
"nav      nav      nav"      
"main     main     main"     
"infoBox  infoBox  infoBox"  
"footer   footer   footer" ;  
}
@media screen and (min-width: 40em) {
  body {
    display: grid;
    grid-template-columns: 1fr 2fr 1f;
      grid-template-areas:
  "header  header  header" 
  "nav     nav     nav"     
  "linkBox main    infoBox"
  "footer  footer  footer";
  }
}

eine sache habe nicht gut verstande... ,warum beim Erste grid-template-areas: nicht linkBox geschrieben wurde ? , warum wird nicht gleich geschrieben wie bei @media screen and (min-width: 40em) ?