Set the font-size for Multiple Heading Elements - 14px

Set the font-size for Multiple Heading Elements - 14px
0

#1

Tell us what’s happening:
The test keeps telling me I need to set font-size for h6 to 14px. I’ve done this multiple times and keep getting hung up here. What am I missing, please? TIA

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


#2

Please keep the curly brackets on separate lines as to help with readability.

Example:

<style>
h1 {
    font-size: 68px;
    }  
h2 {
    font-size: 52px;
    }  
</style>

Regarding the issue, I did the code from scratch and mine worked. I then copied and pasted yours into the code area and yours worked. Try resetting the code and putting the code back in.


#3

Thank you, I will. I’ve been afraid to reset the code bc I didn’t know what would happen. Appreciate the feedback!


#4

I reset the lesson, copied and pasted your text, then filled it in. Still getting the h6 should be set to 14px error.

h1 { font-size: 68px; } h2 { font-size: 52px; } h3 { font-size: 40px; } h4 { font-size: 32px; } h5 { font-size: 21px; } h6 { font-size: 14 px; }

Done this several times so I might be repeating a mistake I don’t see. TIA.


#5

(Sorry, this didn’t save my formatting.)