Set the font-size for Multiple Heading Elements help

Tell us what’s happening:

Hi there,

Not quite understanding what I’m doing wrong here, I have followed all the steps unless there is something very basic that I have missed or left out.

Your code so far


<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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36.

Challenge: Set the font-size for Multiple Heading Elements

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

I figured out my error,

should not be in brackets in the style section, should only be
h1 {
fornt-size: 68px;
}
knew was something basic I did wrong :slight_smile: live and learn I guess.

2 Likes