Use Abbreviated Hex Code HELP

1

Tell us what’s happening:
I have been unable to get this to work either. So simple, it’s irritating. HELP! It does not seem to want to recognize that I am using the abbreviated version. What am I doing wrong?

Your code so far

<style>
  .red-text {
    color: #F00
  }
  
  .fuchsia-text {
    color: #F0F
  }
  
  .cyan-text {
    color: #0FF
  }
  
  .green-text {
    color: #0F0
  }
  
</style>

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

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

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

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

Your browser information:

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

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

2

Don’t forget semicolons at the end of each CSS property:

.red-text {
  color: #F00;
}
1 Like
3

oh my gosh. I knew it was something dumb I was overlooking. Thank you!