Use Abbreviated Hex Code

Tell us what’s happening:

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 (Linux; Android 7.0; Moto G (4) Build/NPJS25.93-14-8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.125 Mobile Safari/537.36.

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

What is your question related to this challenge?

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?