Your h1 element should be pink

HTML-CSS
1 
<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.

3

You have a typo in the name of the class.

4

Sorry, but I couldn’t find the error.

5

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.

6

This is not the correct class name.

7

Basic CSS 30/44

8

I corrected the wrong letter but the problem persists

9

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

2 Likes
10

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

1 Like
11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.