Learn CSS Transforms by Building a Penguin - Step 17

Tell us what’s happening:
Describe your issue in detail here.

You should use the z-index property to change the stack level.
Your code so far

/* file: index.html */
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="./styles.css" />
  <title>Penguin</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>
  <div class="left-mountain"></div>
  <div class="penguin"></div>
  <div class="ground"></div>
</body>
</html>
/* file: styles.css */
body {
background: linear-gradient(45deg, rgb(118, 201, 255), rgb(247, 255, 222));
margin: 0;
padding: 0;
width: 100%;
height: 100vh;
overflow: clip;
}

.left-mountain {
width: 300px;
height: 300px;
background: linear-gradient(rgb(203, 241, 228), rgb(80, 183, 255));
position: absolute;
transform: skew(0deg, 44deg);
}
.ground{

z-index:0deg;
}


.penguin {
width: 300px;
height: 300px;
margin: auto;
margin-top: 75px;
}

.ground {
width: 100vw;
height: 400px;
background: linear-gradient(90deg, rgb(88, 175, 236), rgb(182, 255, 255));
z-index: 3;
position: absolute;
}
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36 Edg/89.0.774.68

Challenge: Learn CSS Transforms by Building a Penguin - Step 17

Link to the challenge:

Hello there.

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

okay, i should use the z-index property to change the stack level.
and i cant understand how to do it , so any help please

instead of making a new selector block, just add the z-index property to the code block originally presented in this exercise.

Try doing this:

  • Restart the Step
  • add z-index with a value like 0 for eg to the presented code block
  • click on Check button
  • review the hint, it will tell you what to do…

i did that and still the same error which is You should use the z-index property to change the stack level

check the hints, they will tell you what to do.
Also post your most recent code here if you need further help.