Code isn't running

Tell us what’s happening:

Your code so far


<style>
.ball {
  width: 40px;
  height: 40px;
  margin: 50 auto;
  position: fixed;
  background: linear-gradient(
    35deg,
    #ccffff,
    #ffcccc
  );
  border-radius: 50%;
}
#ball1 {
  left: 20%;
}
#ball2 {
  left: 65%;
p {
transform: (1.5);
}
}


</style>

<div class="ball" id= "ball1"></div>
<div class="ball" id= "ball2"></div>

Your browser information:

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

Challenge: Use the CSS Transform scale Property to Change the Size of an Element

Link to the challenge:

You are trying to transform a <p> element… inside of your ball2 id. You should just be transforming ball2.

Also, transform: (1.5) doesn’t do anything - take a look at the example on the lesson for the missing info.

1 Like

You should increase the size of the element with an ID of ball2. (I think you mistakenly copied all the codes in the example… hehe) you also forgot to write the function “scale” in the transform property which will resize the ball into 1.5 bigger than its original size.