Override Styles in Subsequent CSS-whats the problem

Tell us what’s happening:

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 (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/override-styles-in-subsequent-css

When you are giving two classes to an element, you shouldn’t add another set of double quotes, rather add it inside the existing quotes separated by a space.

E.g.

class = "green-text black-text"

1 Like