Use RGB to Mix Colors -- works but fails test

HTML-CSS
1

Tell us what’s happening:

The code below has the proper effect (see image), but does not pass the test. Why not?

Your code so far

<style>
</style>

<h1 style="color:rgb(255, 0, 0)">I am red!</h1>
<h1 style="color:rgb(218, 112, 214)">I am orchid!</h1>
<h1 style="color:rgb(160, 82, 45)">I am sienna!</h1>
<h1 style="color:rgb(0, 0, 255)">I am blue!</h1>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/use-rgb-to-mix-colors

30%20PM
30%20PM1425×692 79.9 KB

2

The test is probably looking for css. I bet it checks for something like this:

 .blue-text {
    color: rgb(0, 0, 255);
  }

You should try use the class name and try again.

As an aside it is best practice to use classes rather than inline styles within the tag

4

Thanks. I did it from CSS first, and it also gave the desired effect but failed the test. Then, rereading the instructions, I thought they were explicitly asking me to use inline styles. But in any event, I will go back and do it from CSS again and will report back here with the result either way.