How am I getting this error I am pretty I did this correctly?

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

  **Your code so far**

<style>
h1 {
      font-size: 68px;
      font-weight: 800px;
}
h2 {
  font-size: 52px;
  font-weight: 600px;
}
h3 {
  font-size: 40px;
  font-weight: 500px;
}
h4 {
  font-size: 32px;
  font-weight: 400px;
}
h5 {
  font-size: 21px;
  font-weight: 300px;
}
h6 {
  font-size: 14px;
  font-weight: 200px;
}
</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:98.0) Gecko/20100101 Firefox/98.0

Challenge: Set the font-weight for Multiple Heading Elements

Link to the challenge:

Almost Correct


When we are dealing with Font-Weight values, there is no Unit delineation of pixels.
It is technically written as unit-less value.

So instead of a 800px, we are just dealing with the number 800.


Go ahead and remove the px from all of the Font-Weight values:

image

2 Likes