It seems to have done everything correctly, but as a result it is written that one of the values is not set

Tell us what’s happening:

The test result says “Your code should set the font-weight property for the h4 tag to 400.” but I did it (you can see it in the code)
What’s wrong?

Your code so far


<style>
h1 {
  font-size: 68px;
  font-weight: 800;
}
h2 {
  font-size: 52px;
  font-weight: 600;
}
h3 {
  font-size: 40px;
  font-weight: 500;
}
h4 {
  font-size: 32px;
` font-weight: 400;
}
h5 {
  font-size: 21px;
  font-weight: 300;
}
h6 {
  font-size: 14px;
  font-weight: 200;
}
</style>
<h1>This is h1 text</h1>
<h2>This is h2 text</h2>
<h3>This is h3 text</h3>
<h4>This is h4 text</h4>
<h5>This is h5 text</h5>
<h6>This is h6 text</h6>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0.

Challenge: Set the font-weight for Multiple Heading Elements

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements

You have a wild backtick on the h4 rule :stuck_out_tongue:

` font-weight: 400;

Thanks a lot. I would never see it

1 Like