Issue with Override Styles in Subsequent CSS

Tell us what’s happening:
The code seems correct to me, but why do I get the same result ----

" h1 element should have the class blue-text"
Both blue-text and pink-text should belong to the same h1 element.
Your h1 element should be blue."

Help :pray:

Your code so far

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

<h1 class="pink-text" "blue-text">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/78.0.3904.108 Safari/537.36.

Challenge: Override Styles in Subsequent CSS

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-css/override-styles-in-subsequent-css

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor ( </> ) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums.gif

1 Like

Hi, welcome to the forum!

Your problem is here:
<h1 class="pink-text" "blue-text">

Check again how to add two classes to an element.

1 Like

Thank youuuu :upside_down_face:

2 Likes