Font-weight is not working

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>
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;

}
</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) 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:

2

Hello!

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:

2 Likes
3

Thank you very much, I feel stupid!

1 Like
4

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!

2 Likes
5

Hello yadu,

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

1 Like
6

Thank you! it’s really sill mistake

7

I guess part of being programmer.

8

Thanks you all the solution worked.

9

Welcome to the forums mel-chiu!

1 Like