Font-weight for Multiple Heading Elements

Contributors
1

What is your hint or solution suggestion?

Solution 
h1 {
font-weight: 100;
}
h2 {
font-weight: 80;
}

continue to adjust the font-weight to the different heading elements.

Challenge: Set the font-weight for Multiple Heading Elements

Link to the challenge:

2

Yup keep going and apply font weight according what font weight they tell you apply.

1 Like
3

Heres the solution

<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>
1 Like
4

Welcome there.

Thank you, for your contribution. For future contributions, please wrap your solution within :

[details]
```
code goes here...
```
[/details]

Also, provide all of the necessary code to pass the challenge.

Also, when you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor ( </> ) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

5