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!

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

Who can help me understand rem relative units?

I have a question. I'm supposed to:

"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."

OK, how the heck do I do this? My understanding of rem units is about 16 sentences in the video transcript for the lesson.

The question didn't change the base font size of the root HTML. The HTML root element doesn't have a specified font size, so is by default 16 pixels.

rem unit - root em- always represents the font size of the root element of the page, which is usually the HTML element.

if it's not changed from 16px, and the class more doesn't have a font value specified, I thought that the rem would be 1. It's not, that would be too simple.

Can anyone explain how to accomplish this task? I thought that the proper syntax would be:

.more {
    font-size: 1rem;

but the checker tells me to check my rem value. I'm lost. Anyone got a life-preserver? 8-)

Hi Steven,

I do not know why your code did not pass the challenge but it does pass for me as is.

Whenever you're pretty sure you have it correct I would try copying all of your code, refresh the browser, then paste it back in to see if it passes. This works for some.

Occasionally, correct code does not pass for some people.

3 Answers

Joe di Stefano
Joe di Stefano
Courses Plus Student 5,533 Points

"Select the link with the class more"

I think the only issue you have is that your selector is not specific enough. You are selecting everything with a class of more, the the task specifies to only select links with the class of more.

Alexander was close, but his selector was for links within elements with a class of more.

You need:

a.more {
  font-size: 1rem;
Alexander Rasmussen
Alexander Rasmussen
12,901 Points

Is it not the link you have to select?

.more a { font-size: 1rem; }

Try that :)

no, that didn't work, was still told, " Bummer! Check the length unit in your CSS value."

that was it! thanks very much for your help.