Font-weight challenge solution

You want to use the font-weight property.

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

Hi @taylor!

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

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

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.

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

No problem, I am new at this whole thing. I tried to write in markdown but didn’t work as expected.

1 Like

Thank you for your guide post contribution. I have taken your suggestions and included them in the guide post.

We look forward to your further contribution.