Use the CSS Transform scale Property to Scale an Element on Hover. not working no matter what combination or placement i use. i'm stuck here and cant move on. any help would be appreciated

Use the CSS Transform scale Property to Scale an Element on Hover. not working no matter what combination or placement i use. i'm stuck here and cant move on. any help would be appreciated
0

#1

Tell us what’s happening:

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:hover {transform: scale (1.1);}

<div></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/use-the-css-transform-scale-property-to-scale-an-element-on-hover


#2

There shouldn’t be a space between scale and (1.1)