My problem Basic CSS: Prioritize One Style Over Another

Hi, :grinning:
I am wondering what it is wrong.
I checked all previous replies but I don’t know where the problem is.
:slightly_smiling_face:Please, can you help me?
You will find enclosed the screenshot of my code.
Thank you for trying.

Your code so far


<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;
}
.pink-test {
  color: pink;
}

</style>
<h1 class="pink-test">Hello World!</h1>

Your browser information:

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

Challenge: Prioritize One Style Over Another

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

Hello @biava,

In this code, you have a simple typo. .pink-text is not the same as .pink-test. Anyways, that’s all… Just a simple Typo. Happy Coding!!:slight_smile:

1 Like

@biava, check the spelling in the css, is it pink-test or pink-text?
hope you got the point

1 Like

@thetradecoder THANK U!
I just saw my spelling mistake before I read your reply.

Thank you so much !!! @ Catalactics