Why error is generate but code is correct

What is my correction in my code…?
Error is :- The div element with class cyan should have a background-color of cyan.

See below my code.


  body {

    background-color: #FFFFFF;


  .green {

    background-color: hsl(120, 100%, 50%);


  .cyan {

    background-color:hsl(180, 100%, 50%);


  .blue {

    background-color: hsl(240, 100%, 50%);


  div {

    display: inline-block;

    height: 100px;

    width: 100px;



<div class="green"></div>

<div class="cyan"></div>

<div class="blue"></div>

Your code works for me. Are you using a browser extension, such as a dark mode extension, that changes your CSS?

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

For future posts, if you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.