Font-weight is not working

Tell us what’s happening:

Your code so far

h1 {
  font-size: 68px;
   font-weight: 800px;

h1.font-weight {
  font-weight: 800px;

h2 {
  font-size: 52px;

h3 {
  font-size: 40px;

h4 {
  font-size: 32px;

h5 {
  font-size: 21px;

h6 {
  font-size: 14px;

<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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Set the font-weight for Multiple Heading Elements

Link to the challenge:


Two things I see:

This is unnecessary and can be deleted.

Check the challenge instructions - font-weight should be set to 800. Not 800px. :slight_smile:


Thank you very much, I feel stupid!

1 Like

Not at all! We all run in to these little errors.
I had a whole project not working because of a single line of code - it’s part of the experience!


Hello yadu,

It’s ‘font-weight: 800;’ instead of ‘font-weight: 800px;’ .

1 Like

Thank you! it’s really sill mistake

I guess part of being programmer.

Thanks you all the solution worked.

Welcome to the forums mel-chiu!

1 Like