Am stuck : font-size for Multiple Heading Element

HTML-CSS
1

Tell us what’s happening:
I know, it is weird :wink:
It tells me that my h6 should be 14px. And it is ! Is it a bug in FCC or me ?

Capture d’écran 2020-03-30 à 11.05.35
Capture d’écran 2020-03-30 à 11.05.351670×1003 165 KB

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_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15.

Challenge: Set the font-size for Multiple Heading Elements

Link to the challenge:

2

I tested your code and it works for me.
Try to clear out your catch and refresh the webpage.
Also if you are using dark mode try turning it off their is some know issue with it
If that doesn’t work try another browser

1 Like
3

Hi @KittyKora,

thanks for your quick reply.
I’ve changed for Chrome and it is now OK.
I’m relieved !

Cheers

4

this may be a setting of your browser, that define a minimum font size higher than 14px. You would need to check browser settings for this