Danke für deine Antwort ! , ich habe deine Code so geschrieben :

@media screen and (min-width: 30em) {
.dropdown 
   { position:relative;}
.dropdown:hover dropdown-content,
.dropdown:focus-within dropdown-content
   { top:1.5em; left:0;}
  grid-template-columns: repeat(3, 200px 1fr 200px);
 }
}

aber der header schwinden und die links werden unten geöffnet wie das Bild zeigt..