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

HTML-CSS
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/

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:

1 Like