[solved] Stuck on "prioritize one style over another" html

The challenge asks to Create a CSS class called pink-text that gives an element the color pink and
Give your h1 element the class of pink-text.

I created a CSS class called pink-text and put it in and put a class of pink-text in the h1 element and I’m getting an error that I don’t have a CSS class called pink-text. My h1 element did turn pink when I put in the code and I can’t figure out why I’m getting this error. Here is the code I used and a screenshot. Any help would be greatly appreciated. Thanks

<style>
  
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
    
  }
  .pink-text {color: pink};
</style>
<h1 class="pink-text">Hello World!</h1>

2 Likes

The semi-colon should be right after pink, not after the curly braces:

.pink-test{
             color: pink;
}
2 Likes

That was it! Thank you so much!

2 posts were split to a new topic: Prioritize One Style Over Another Help