Use Hex Code to Mix Colors

1

Tell us what’s happening:
what is wrong with this code?

Your code so far

<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 #FF0000</h1>

<h1 class="green-text">I am #00FF00</h1>

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

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

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.79 Safari/537.36 Edge/14.14393.

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

2

Use the hex code for the color red instead of the word red.

the code is apparently failing on those kinds of lines like above and in my code I have used the hex codes instead of the colour in words so is it a bug on the system or does my code have errors? Thanks for firing up the brain cells to help solve this problem.

3

You need semi-colons after each value:

.red-text{
  color: #FF0000; 
}
4

<style>

.red-text {

color: #FF0000;

}

.green-text {

color: #00FF00;

}

.dodger-blue-text {

color: #1E90FF;

}

.orange-text {

color: #FFA500;

}

</style>

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

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

<h1 style=“color:#1E90FF;” class=“dodger-blue-text” >I am dodger blue!</h1>

<h1 style=“color:#FFA500;” class=“orange-text”>I am orange!</h1>