Im not able to solve this level, is there anyone who can help with that?

The starting code is as such:

#field {
  display: grid;
  grid-template: repeat(4, 1fr) / repeat(4, 1fr);
  gap: 20px;
  /* type here */
  
}

#field div:nth-child(3n) {
  grid-column: span 3;
}

This code results in such a layout:

Starter layout

The former level was solved using grid-auto-flow property, maybe that can help.

I tried grid-auto-flow: column but i guess there is something else needed too.