I could not create a box using div property in VS code. i don't know why even im writing correctly

Tell us what’s happening:
Describe your issue in detail here.

  **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%;

}


</style>

<div class="ball" id= "ball1"></div>
<div class="ball" id= "ball2"></div>
  **Your browser information:**

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

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

Link to the challenge:

I’m not sure I understand your issue. I just tried your code and it created two multi-colored gradient balls for me. So it seems like it is doing what you have coded it to do. Would you give us a little more detail about what the issue is?