I’m having a bit of a problem with this one. This is my code
<style>
.red-text {
color: #000000;
}
.orchid-text {
color: #000000;
}
.sienna-text {
color: #000000;
}
.blue-text {
color: #000000;
}
</style>
<h1 class="(0, 0, 255-text">I am (0, 0, 255)!</h1>
<h1 class="orchid-text">I am (218, 112, 214)!</h1>
<h1 class="sienna-text">I am (160, 82, 45)!</h1>
<h1 class="blue-text">I am (0, 0, 255)!</h1>
I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard.
What you are trying to do in this challenge is adjust the color property of each class defined in the … section. Currently, each of them is set to #000000 which is black. They give you the RGB for each color, so all you have to do is replace each #000000 with the corresponding rgb statement. For example for the orchid-text class, you would change:
.orchid-text {
color: #000000;
}
to
.orchid-text {
color: rgb(218, 112, 214);
}
NOTE: You changed the original class name specified in the first h1 tag from:
<h1 class="red-text">I am (0, 0, 255)!</h1>
to
<h1 class="(0, 0, 255-text">I am (0, 0, 255)!</h1>
so you will need to change it back to the original in order to pass the tests.
The code looks good except for the first h1, where you have edited the class name to “(0, 0, 255-text” instead of “red-text”.
hello still having a bit of an issue. This is how far I’ve progressed so far.
<style>
.red-text {
color:rgb(255, 0, 0)
}
.orchid-text {
color: rgb(218, 112, 214)
}
.sienna-text {
color: rgb(160, 82, 45)
}
.blue-text {
color: rgb(0, 0, 255)
}
</style>
<h1 class="red-text">I am (255, 0, 0)!</h1>
<h1 class="orchid-text">I am (218, 112, 214)!</h1>
<h1 class="sienna-text">I am (160, 82, 45)!</h1>
<h1 class="blue-text">I am (0, 0, 255)!</h1>
someone please help?
You are almost there. Remember, each selector property needs to end with a semi-colon.
…It’s still saying I don’t have the blue output blue in color, and it is displayed as such. It also says I don’t have rgb included in my declaration, and it is so.
Well, I’ve tried it with orange because when I clicked on ‘hint’ it just gives the orange code. However, that still did not work out for me… Lol!
<style>
.red-text {
color: rgb(255, 0, 0);
}
.orchid-text {
color: rgb(218, 112, 214);
}
.sienna-text {
color: rgb(160, 82, 45);
}
.blue-text {
color: rgb(0, 0, 225);
}
</style>
<h1 class="red-text">I am red!</h1>
<h1 class="orchid-text">I am orchid!</h1>
<h1 class="sienna-text">I am sienna!</h1>
<h1 class="blue-text">I am blue!</h1>
@Paradox17 - I’ve edited your post for readability. When you enter a code block into the forum, remember to precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.