Coderslang: Become a Software Engineer

Hello! I have some trouble with this task.
This is my error message:
7. The first @media rule should set the justify-content to space-evenly for the .wrapper selector
Below is my code solution:
body {
font-family: monospace;
margin: 0;
background-color: #E4D9FF;
}
.wrapper {
height: 100vh;
display: grid;
place-content: center;
gap: 16px;
grid-template-columns: repeat(4, 300px);
}

  @media screen and (max-width: 1280px) {
    .wrapper { 
      justify-content: space-evenly;
    }
  }

  @media screen and (max-width: 740px) {
    .wrapper {
      grid-template-columns: repeat(1,300px);
      justify-content: space-evenly;
    }
    
    body {
      padding: 40px 0;
    }
  }