I got pink-text in my style element, not sure how to modify the h1 element

Tell us what’s happening:

Your code so far


<style>
  body {
    background-color: black;
    font-family: monospace;
    color: green;
   pink-text: pink; 
  }

</style>
<h1>Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 10323.67.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.209 Safari/537.36.

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

you should give your h1 element class pink-text, and style that class with css like
.pink-text{…}

1 Like