Please help me solve this

[blueway]

Tell us what’s happening:
Describe your issue in detail here. please how do i apply a transform scale of 1.1 to the div?

  **Your code so far**

<style>
div {
  width: 70%;
  height: 100px;
  margin:  50px auto;
  background: linear-gradient(
    53deg,
    #ccfffc,
    #ffcccf
  );
}
div:hover{
 transform: scale (1.1);
}


</style>

<div></div>

  **Your browser information:**

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

Challenge: Use the CSS Transform scale Property to Scale an Element on Hover

Link to the challenge:

freeCodeCamp.org

[kevinSmith]

@blueway

transform: scale (1.1);

You have an extra space in there that is screwing it up. (Notice that it also doesn’t work in the right pane). When I fix that, it works in the right pane and passes the test.

[blueway]

it works now. thank you