Prioritize One Style Over Another- what is my problem

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;}
</style>
<h1 class:"pink-text";>Hello World!</h1>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 7.1.1; XT1562 Build/NPD26.48-24-1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.111 Mobile Safari/537.36 OPR/46.3.2246.127744.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-css/prioritize-one-style-over-another

2 
<h1 class:"pink-text";>Hello World!</h1>

This line. First of all, that semi-colon shouldn’t be there. And that colon should be an equals sign.

1 Like
3

Man, I have the same problem. I wanted to make a site like this. Driving courses are very relevant now, I want to create my own online school, but there is a problem in the code. Thanks for the solution