How do you do this challenge

I don’t know how to this

<style>
  body {
    background-color: #FFFFFF;
  }
  
  .orange {
    background-color: #FF7D00;
  }
  
  .cyan {
    background-color: #00FFFF;
  }
  
  .raspberry {
    background-color: #FF007D;
  }
  
  div {
    height: 100px;
    width: 100px;
    margin-bottom: 5px;
  }
</style>
  
<div class="orange">orange</div>
<div class="cyan">cyan</div>
<div class="raspberry">raspberry</div>

also the link
the Link to challenge

image

just use the right rgb codes

1 Like

here it is:

.orange {

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

    background-color: #FF7F00;

  }

  .cyan {

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

    background-color: #00FFFF;

  }

  .raspberry {

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

    background-color: #FF007F;

It is great that you solved the challenge, but instead of posting your working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting working solutions.

Thank you for understanding.

Thank you very much for your guidance. I will take the matter seriously and will do better in future.

1 Like

Check your hex codes again