Your h1 element should be pink

<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
  }
  #orange-text {
    color: orange;
  }
  .blue-text {
    color: blue;
  }
    .pink-text {
    color: pink !important;
    }
    .pink-test { color: pink; }
}
h1{
  color: pink !important;
}
</style>

<h1 id="orange-text" class="pink-text blue-text" style="color: white;">Hello World!</h1>
![Screenshot_2|454x423](upload://vHyX3fey1kvyTIJyFWN2mZeDwwF.png)

The h1 is pink in the console but I cant solve this error.

You have a typo in the name of the class.

Sorry, but I couldn’t find the error.

Please provide a link to the challenge.
Make sure you are not using any browser-extensions that might change the color of elements as this is known to cause issues with the tests.

This is not the correct class name.

Basic CSS 30/44

I corrected the wrong letter but the problem persists

What is your current code and what does the failing test say?

2 Likes

I did the code again, this time the code works. Thank you all.

1 Like