Applied Visual Design - Use the CSS Transform scale Property to Change the Size of an Element

HTML-CSS
1

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


</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/115.0.0.0 Safari/537.36

Challenge: Applied Visual Design - Use the CSS Transform scale Property to Change the Size of an Element

Link to the challenge:

2

Don’t you need to tell it how much you want to increase the size?

“Increase the size of the element with the id of ball2 to → 1.5 ← times its original size.”

Also, the tests aren’t going to let you pass unless you add a semi-colon at the end.

3

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