Applied Visual Design - Create a Gradual CSS Linear Gradient

[thepeterokereke]

Tell us what’s happening:
Hello Community, I have been stuck on this challenge involving linear-gradient function for more than 2 hours. I’ve tried to change the color values equivalent to #FFCCCC using the rgb function, but its not working. What am i missing please?

  **Your code so far**

<style>
div {
  border-radius: 20px;
  width: 70%;
  height: 400px;
  margin: 50px auto;
  background: linear-gradient(35deg, red, yellow, rgb(255, 204, 204));

}

</style>

<div></div>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 8.1.0; TECNO LB7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.104 Mobile Safari/537.36

Challenge: Applied Visual Design - Create a Gradual CSS Linear Gradient

Link to the challenge:

freeCodeCamp.org

[hbar1st]

Hi, welcome to the forum.
The instructions you have are:
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 .

The code you provided is:

@thepeterokereke

  background: linear-gradient(35deg, red, yellow, rgb(255, 204, 204));

Do you notice how you have not used the colors given?
instead of red/yellow/etc
you need #CCFFFF and #FFCCCC

[thepeterokereke]

Yes, I’ve seen my mistake now and corrected it based on your kind code review. Thank you very much for your help! I’m really happy now