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

Tell us what’s happening:
Describe your issue in detail here.
I cant understand what is the error in my code.

  **Your 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%;
  transfrom: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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36.

Challenge: Use the CSS Transform scale Property to Change the Size of an Element

Link to the challenge:

transform is misspelled. You have written transfrom instead of transform

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.