I have issues with my h1 element, but not sure what the issue is

I have issues with my h1 element, but not sure what the issue is
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;
  }
  .blue-text {
    color: blue;
  }
  #orange-text {
    color : orange;
  }
</style>
<h1 class id="pink-text blue-text orange-text">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/override-class-declarations-by-styling-id-attributes/


#2

There is a difference between the id attribute and the class attribute. Do not change the original class attribute’s value. You only need to add an id attribute and assign it the value “orange-text”.

You may want to reset your code and start again.

Also, you might want to remove the space after color in the following line, because the testing program may not like that space.

  #orange-text {
    color : orange;
  }

#3

you have done mistake in your h1 element, always remember, classes and id are different, so you have declare them separately, everything is fine, just declare your id separately with its value :slightly_smiling_face: