Missing an space on Use the CSS Transform scale Property to Change the Size of an Element to be correct

Missing an space on Use the CSS Transform scale Property to Change the Size of an Element to be correct
0.0 0

#1

Tell us what’s happening:
On the page you put:

p {
transform:scale(2);
}

in order to work better, it should have a space between transform: and scale.

Your code so far

html


<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>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.79 Safari/537.36.

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

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.