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