(Error) Set the font-size for Multiple Heading Elements

HTML-CSS
1

What is wrong with this picture? Comparing my code to the solution, there are no differences. font-size is set to 14px. Why won’t this pass testing?


<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 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.1 Safari/605.1.15.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements

1 Like
2

Are you only receiving an error for the h6? I copied and pasted your answer and it passed for me. Are you using chrome? Sometimes browsers make a difference.

3

You can check in your browser settings if you have a minimum font-size set, I have seen many not being able to pass this because their browser had a minimum font-size of 15px or 16px

2 Likes