Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Customizing Colors and Fonts Pick Fonts and Set Relative Units

Chris Huxtalble
Chris Huxtalble
1,514 Points
Posted by Chris Huxtalble
Chris Huxtalble
1,514 Points

How could the header have gotten smaller if we are multiplying it by 1.75?

If we were already using the default size and we decided to go 75% larger why did it shrink?

2 Answers

Reinart Bacalso
Reinart Bacalso
5,001 Points
Reinart Bacalso
Reinart Bacalso
5,001 Points

Because the default font-size of an <h1> tag is 2em; which means 2 times the size of it's parent element, which in default is 16px. That makes the default h1 font-size to be 32px.

Making the <h1> font-size 1.75em makes it 28px, if my math is not mistaken, thus making it smaller. :D

Jamie N
Jamie N
4,116 Points
Jamie N
Jamie N
4,116 Points

Because 1em = the default font size (NOT the default h1 font size) which in most case's is 16px for fonts. So basically you are multiplying the h1 font size by 16px.