The solution provided doesn't work

Tell us what’s happening:

   **Your code so far**

<style>
 div {
   width: 70%;
   height: 100px;
   margin:  50px auto;
   background: linear-gradient(
     53deg,
     #ccfffc,
     #ffcccf
   );
 }
div: hover {
     transform: scale(1.1);
   }
</style>

<div></div>
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.82 Safari/537.36.

Challenge: Use the CSS Transform scale Property to Scale an Element on Hover

Link to the challenge:

Hi susan.penter.pearson

Your code looks fine, but did not work in my IDE, the code below however did work

<style>
  div {
    width: 70%;
    height: 100px;
    margin:  50px auto;
    background: linear-gradient(
      53deg,
      #ccfffc,
      #ffcccf
    );
  }
  
  div:hover {
    transform: scale(1.1);
  }
</style>

<div></div>

I placed your code into CSS Lint and it showed that there was a parse error on your
div: hover {
line of code

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

You can post solutions that invite discussion (like asking how the solution works, or asking about certain parts of the solution). But please don’t just post your solution for the sake of sharing it.
If you post a full passing solution to a challenge and have questions about it, please surround it with [spoiler] and [/spoiler] tags on the line above and below your solution code.

Hi,

It is the fist time I have posted in the forum as I am new to coding. The message was generated for me. The solution was already there as a dropdown and I was comparing my answer to this. Someone has answered it for me already I had added a space (which the original answer showed). I assumed these were the official answers for if you got stuck. I didn’t realise they were just fellow users comment. It explains why it included the same space in that I had also. Thanks for the heads up.

That message was for @jasonburns502, who posted an entire working solution.


I have removed personal contact information from your post for your privacy, as these forums are indexed by Google.