Can someone help me do this challenge the way it is supposed to be done

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
  }
  h1 {
  color: pink
  
  }
  
</style>
<h1 class='pink-text'>Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/prioritize-one-style-over-another

2

You did not use class “pink-text” in your css.
That was the purpose of the challenge.
See if you can solve it now.

1 Like
3

What you have to do is use the CSS class selector to change the text color.

What you are actually doing is using the CSS element selector (h1 here) to change the text color.

Use the class selector and you should be good.

1 Like