Prioritize One Style Over Another: Your <style> should have a pink-text CSS class that changes the color

Trying to figure out: Your should have a pink-text CSS class that changes the color.

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

Remove the space before pink-text in your h1 class and wrap it using quotes and use the class to style your h1 tag don’t use the h1 directly in your style, that’s what the test requires.

the class should be wraped in quotes
h1 class=“pink-text”>Hello World!</h1

for better practice use
h1.pink-text {
color: pink
}

that way you are not targeting all h1

body { background-color: black; font-family: monospace; color: green; } .pink-text { color: pink }

Hello World!

i have tried this code and it does not work for that challenge. It is an unwanted bug.

You missed a semi-colon after color: pink;