.use Abbreviated Hex Code


Your code so far

  .green-text {
   color: #0F0;
  .fuchsia-text {
   color: #F0F;
  .cyan-text {
   color: #0FF;
  .red-text {
    color: #F00;

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

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; Android 6.0; Phantom6-Plus Build/MRA58K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.98 Mobile Safari/537.36.

Link to the challenge:

it works fine ? i don’t understand what you asking for

I did the challenge but only if the red part worked but the green, cyan and fuchsia didn’t work.

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?

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

I am red!

I am fuchsia!

I am cyan!

I am green!

1 Like

A post was split to a new topic: Having trouble with Abbreviated Hex Codes