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 CSS Foundations Values and Units Relative Length Units

Emmanouil Koumortzis
Emmanouil Koumortzis
2,888 Points
Posted by Emmanouil Koumortzis
Emmanouil Koumortzis
2,888 Points

Select the link with the class more. Using the rem unit, set its font size back to the base font size of the root HTML element.

how rems is the correct answer

1 Answer

Michael Pare
Michael Pare
6,358 Points
Michael Pare
Michael Pare
6,358 Points

Could you clarify your question a bit more? I'm not sure what you're asking.

It sounds like the answer here should be 1rem. The rem or root em is relative to the font-size specified on the root (html) element. So if you have set html {font-size: 16px} and later you want to give the .more class the a font-size of 16px you can say .more {font-size:16px}.

The advantage to using the rem here instead of defining absolute pixel values throughout your stylesheet is maintainability. If you want to increase the size of all elements on your site, for instance, you can simply change the html font size from 16px to something larger. If you have declared non-relative sizes throughout your stylesheet, however, you will have to change each one individually.