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
Seth Johnson
15,200 PointsNeeding some clarification on the rem scale...
Okay, I feel like I'm missing something very obvious here, but I'm a little unclear as to the scaling of rem units as presented by Mattox in this video. He says that the "root" em size for most browsers is equal to 16px, yes?
And then proceeds to explain that setting a size of 1.25rem is equal to 24px?
Huh?!
My question is, how and why? Wouldn't 1.25rem still be equal to 20px? Any clarification on this matter would be greatly appreciated.
1 Answer
Louise St. Germain
19,424 PointsI think he just misspoke on that one. 1.25 * 16 px = 20 px, like you said, not 24 px. Also, right after that he says 3rem = 48 px (which is indeed 3 * 16 px). So I wouldn't worry about it too much - you're right about the 20px, and CSS will also figure it out correctly! :-)
Seth Johnson
15,200 PointsThanks Louise! I'm glad it was just a proverbial typo; I was worried that I was double-extra-especially losing my mind for a minute. I appreciate your time!
Louise St. Germain
19,424 PointsNo worries - glad to reassure you that you are not losing your marbles... at least, not because of this! :-)
Tonnie Fanadez
UX Design Techdegree Graduate 22,796 PointsTonnie Fanadez
UX Design Techdegree Graduate 22,796 Pointshad the same headache too, thanks for asking Seth Johnson .