Help! I am stuck here. why?

Help! I am stuck here. why?
0

#1

Tell us what’s happening:

Your code so far

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

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:55.0) Gecko/20100101 Firefox/55.0.

Link to the challenge:


#2

define your new class outside of the style class body. So you should have two classes inside style tag like this

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

#3

Because you accidentally put the .pink-text {color: pink;} inside the body selector definition. Move the .pink-text outside of the }, so that it is not nested.


#4

:heart_eyes:thank you