Color changed, challenge not passed

HTML-CSS
1

Tell us what’s happening:
I don’t know what else I have to add, or remove from this code to pass the challenge. I based myself on what I read in the sidebar of the challenge and have played around with the possibilities for a bit but none of them worked.

Your code so far


<style>

  div{ 
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin: 50px auto;
    background: linear-gradient(35deg, #CCFFFF, #FFCCCC, rgb(204, 204, 255));
  }

</style>

<div></div>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient

2

You’ve added too many colors to your linear-gradient. Here is the original challenge statement:
Use a linear-gradient() for the div element’s background, and set it from a direction of 35 degrees to change the color from #CCFFFF to #FFCCCC

Notice they only give you 2 colors to worry about, but in your code, you’ve defined 3 colors (looks good with 3 doesn’t it?). But they just want 2. :smiley:

3

I also removed the RGB color from the code , the color again changed but I did not pass the challenge.

4

If you can share your newest code, I can take another look to see what else might be causing the failed challenge.

5

When I make hbar’s change to your code, it passes. If yours does not, then it might be your browser glitching. Reboot, try a different browser, clear the browser cache, etc.

6