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;
}
}