Solution: Set the font-weight for Multiple Heading Elements

Contributors
1

[Solutions]

<style>
  h1 {
    font-size: 68px;
    font-weight:800; //extra bold

  }
  h2 {
    font-size: 52px;
    font-weight:600;//semi-bold

  }
  h3 {
    font-size: 40px;
    font-weight:500;  //medium

  }
  h4 {
    font-size: 32px;
    font-weight:400; //normal

  }
  h5 {
    font-size: 21px;
    font-weight:300; //light

  }
  h6 {
    font-size: 14px;
    font-weight:200; //extra light

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

Challenge: Set the font-weight for Multiple Heading Elements

Link to the challenge:

2

@Goji follow this guideline in order to contribute, I have been unclear when I wanted to suggest a solution too!

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 (’).

3

@anon58011934,Thanks, I will follow the guideline for future contributions.

1 Like