Orange text kind a problem

HTML-CSS
1

Hey guys, hellou. What’s wrong with this id and with color? Why h1 isn’t an orange?
Thank you…

Your code so far


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

  .pink-text {
    color: pink;
  }
  .blue-text {
    color: blue;
  }

</style>
<h1 id="orange-text" class="pink-text blue-text"  >Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes

2

#orange-text: {
You have a typo in this line.

3

Maybe I’m blind, but I don’t see a typo…

4

You have a colon (:) between the id name and the opening brace.

1 Like
5

I’m def tired for today, thanks mate…

6

Glad I could help. Happy coding!