Use RGB to Mix Colors -- works but fails test

Use RGB to Mix Colors -- works but fails test
0.0 0

#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:



#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


#3

You are not supposed to be using in-line styles. You are not even supposed to be modifying the html elements. You are only supposed to be using the rgb equivalent for the values of each CSS classes’ corresponding color property.


#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.