I have done everything but I still cant get the element to change to blue

Tell us what’s happening:
Describe your issue in detail here.

  **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="blue-text pink-text">Hello World!</h1>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36

Challenge: Override Styles in Subsequent CSS

Link to the challenge:

<style>
body {
  background-color: black;
  font-family: monospace;
  color: green;

}
.pink-text {
  color: pink;
}

} <!-- delete this extra brace and you will get it -->
.blue-text {
  color: blue;
}
</style>
<h1 class="blue-text pink-text">Hello World!</h1>

Wow @Herculeskan , Thanks A lot

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.