aUse the CSS Transform scale Property to Scale an Element on Hover

Tell us what’s happening:
// running test
The size of the div element should scale 1.1 times when the user hovers over it.
// tests completed

Your code so far


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

<div></div>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

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

You just copy-pasted the example code into the middle of the provided CSS. You should be applying the hover style to div elements.

The size of the div element should scale 1.1 times when the user hovers over it.

What makes you think this code will cause the div element to scale 1.1 times when the user hovers over it.

You need a separate definition (not within the div definition) for the hover pseduo-class and it should not be for a p element which is what the example code was for.