Why ball not square?

Tell us what’s happening:
Hi this obviously really simple but in all the previous tasks i’ve been dealing with square and rectangles I can’t see why the shapes here are balls?
Thanks

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_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36.

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

Link to the challenge:

This line changes the shape. :slight_smile: