Set font-size for h1-h6 gives me error

I’ve set the font-size for h1 to h6 exactly as shown in the video but I get 6 error messages which are of no help:
" Your code should set the font-size property for the h1 tag to 68 pixels"
etc
There must be a flaw with the lesson page.


<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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:93.0) Gecko/20100101 Firefox/93.0

Challenge: Set the font-size for Multiple Heading Elements

Link to the challenge:

“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.”

Don’t worry, it’s not just you, nobody reads this warning on the Responsive Web Design landing page. Probably need to make it blink or something :slight_smile:

2 Likes

Indeed, it was my nigh-mode add-on. The page wasn’t even on night mode but simply having the extension enabled was enough to cause the error. Disabling it did the trick.
Thanks!
Yeah, it should be made to blink or something haha

2 Likes

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