Aplico z-index y no me toma la prueba

Al aplicar z-index en .firts , no me ejecuta el resultado que puede ser?

  **Your code so far**

<style>
div {
  width: 60%;
  height: 200px;
  margin-top: 20px;
}

.first {
  background-color: red;
  position: absolute;
  z-index: 2;
}
.second {
  background-color: blue;
  position: absolute;
  left: 40px;
  top: 50px;
  z-index: 1;
}
</style>

<div class="first"></div>
<div class="second"></div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36

Challenge: Change the Position of Overlapping Elements with the z-index Property

Link to the challenge:

I don’t understand your question.

Your code looks correct to me. It also works for me and it passes the challenge for me.

If it is not passing for you, reboot, clear the browser cache, try a different browser… If nothing works, then back out of the challenge and move onto the next.

If that is not the issue and you have a question, please ask it again.