CSS Transform scale problem

CSS Transform scale problem
0

#1

What is the problem here?

The Task is to Set the transform property for #ball2 to scale it 1.5 times its size.

My 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%;
      transform:scale(1.5);

  }




</style>

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

Anyone can help me out?

My browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.87 Safari/537.36 OPR/54.0.2952.71.

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


#2

That code should work however:

Remove spaces under transform:scale(1.5); so that the } Is just below. FCC doesn’t like extra spaces.

Make sure your using chrome or firefox.

Clear your cache, restart your browser and try again.