Font Weight issue in Applied Visual Design

Tell us what’s happening:
I have done the specified value, without pixel measurements that the video and hint code showed. The text to the left appeared to change thickness, but when I run a test none of them work?

  **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 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.106 Safari/537.36

Challenge: Set the font-weight for Multiple Heading Elements

Link to the challenge:

hey I ran the same code you’ve pasted here it works

reset your code and try again.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.