Setting font-weight for multiple heading elements

Code:

<style>
  h1 {
    font-size: 68px;
  }
  h2 {
    font-size: 52px;
  }
  h3 {
    font-size: 40px;
  }
  h4 {
    font-size: 32px;
  }
  h5 {
    font-size: 21px;
  }
  h6 {
    font-size: 14px;
  }
</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>

I’m having an issue with “Set the font-size for Multiple Heading Elements” under “Responsive Web Design - Applied Visual Design”. The solution is straight forward but will not pass. I’ve even copied/pasted the solution given under help and it will not pass.

Can anyone else confirm this issue?

“Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”

Start disabling until you find the one that is keeping the test from passing.

In this exercise you are supposed to use the font-weight property. For example, font-weight:800; I successfully completed it this way.

Ahh, you’re right, I assumed it was the other one that uses font-size.

Ya, try this first and if it doesn’t work then start disabling browser extensions.

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