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

HTML Build a Responsive Website Introduction to Responsive Web Design Converting Nested PX to EMs

Cipriano Mauricio
Cipriano Mauricio
3,560 Points
Posted by Cipriano Mauricio
Cipriano Mauricio
3,560 Points

How do we determine the context?

In the previous example, we used 16 as browser default. Here we are using 24. How do we determine the context value? Thanks!

3 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Cipriano,

The task isn't using 24px as a browser default. It's using 24px because that's the size of the h1. Since the link is a child of the h1, 24px becomes the context for the link because it's parent is sized at 24px. If you made the font size of the link 1em then it would become 24px and match the font size of its parent.

The body font-size is still set at the default 16px.

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

I guess your referring to REM (Relative Em's) and font-sizes. So the context or base font-size is default at 16px, but it is what ever you set the body font-size to. So if you set 

body {
  font-size: 32px;
}

Then 1em is 32px