"Use Hex Code to Mix Colors"

#1

please this challenge is not working for me, have tried the usual ask and search but am not getting any useful answerTell us what’s happening:

**here is my code so far… **

<style>
  .red-text {
    color: #FF0000;
  }
  .green-text {
    color: #00FF00;
  }
  .dodger-blue-text {
    color: #29984E;
  }
  .orange-text {
    color: #FFA500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="">I am dodger blue!</h1>

<h1 class="orange-text">I am orange!</h1>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36.

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

#2

One of your h1 elements is missing a class name in between the “” of the class="".

#3

Also, you should use #2998E4 instead of #29984E for dodger-blue.

1 Like
#4

please it’s not working can you show me an example code

#5

Can you copy/paste all of your current code for this challenge so we can see what you have?

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.

markdown_Forums

#6 
  .red-text {
    color: #ff0000;
  }
  .green-text {
    color: #00ff00;
  }
  .dodger-blue-text {
    color:#29984e;
  }
  .orange-text {
    color: #ffa500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="#29984E;">I am dodger blue!</h1>

<h1 class="orange-text">I am orange!</h1>
#7

You need to give the h1 a class of dodger-blue-text.

#8

And as I said in my previous post:

1 Like
#9

You have a semi-colon below where there should be no semi-colon and as @BenGitter has already mentioned in a previous post, the hex value for Doger Blue is 2998E4 and not 29984E (which is what you still have).

1 Like
#10 
  .red-text {
    color: #ff0000;
  }
  .green-text {
    color: #00ff00;
  }
  .dodger-blue-text {
    color:#2998E4;
  }
  .orange-text {
    color: #ffa500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="#2998E4">I am dodger blue</h1>

<h1 class="orange-text">I am orange!</h1> ```  

I still get the below option uncompletd
"Give your h1 element with the text I am dodger blue! the color dodger blue"
#11

Sorry, I wrote something incorrect in my last post. When you use the class attribute for the following h1 element:

<h1 class="#2998E4">I am dodger blue</h1>

you need to refer to a valid class name. There is no class name of “#2998E4”, but there is one called “doger-blue-text” which has a color value of 2998E4.

#12

any example on how to do that ?

#13

Look at the h1 element above and below the the following for how it is done.

<h1 class="#2998E4">I am dodger blue</h1>
#14

It’s not working even

#15

I don’t know what else to tell you except the solution (see below):

<style>
  .red-text {
    color: #ff0000;
  }
  .green-text {
    color: #00ff00;
  }
  .dodger-blue-text {
    color:#2998E4;
  }
  .orange-text {
    color: #ffa500;
  }
</style>

<h1 class="red-text">I am red!</h1>

<h1 class="green-text">I am green!</h1>

<h1 class="dodger-blue-text">I am dodger blue</h1>

<h1 class="orange-text">I am orange!</h1>

You had a class called "dodger-blue-text " in the style section, but you were using “#2998E4” instead which is not a class in the style section.

1 Like
#16

thanks for the explanation it worked