Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

CSS Deep Dive Struggle

I am struggling to pass this challenge after Relative Length Units video in CSS deep dive (in absolute length units):

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.

any suggestions??

I am not 100% on how to write the link with the class more ... I was thinking

.a class="more" {
     font-size: 1.5rem;
}

I am also not 100% sure of what the base font size is.

I am using safari ... I know the rem unit is not acknowledged by all browsers.

Any help with where my error is??

Thank you!

4 Answers

The base font size of HTML is 16px - you are told this on the first part of the quiz. So basically all you have to write is this:

.more { font-size: 1rem; }

This will select the more class of the link and set the font size to the roots base size of 16px.

Why isn't it...

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

I kept getting it wrong until I changed it to your answer above.

thank you!

Joshua Harrison
Joshua Harrison
2,781 Points

I had the same question as Linda, technically you would want to select the class and the type of element to ensure it doesn't affect other things on the page