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 trialznzlcrstkk
Front End Web Development Techdegree Graduate 28,511 PointsPlease somebody help me, because i'm stuck
Finally, create a rule that targets an h1. Use the px-to-rem function to convert a font-size value of 60px to a value in rem units.
$base-font-size: 16px;
// Write your function here
@function px-to-rem($target, $context:$base-font-size) {
@return ($target / $context) * 1rem;
}
h1 {
font-size:px-to-rem (60px, rem);
}
2 Answers
znzlcrstkk
Front End Web Development Techdegree Graduate 28,511 PointsI did it thank you
Jason Anders
Treehouse Moderator 145,860 PointsHi Matas,
Everything looks good, except for two things.
- You have set a default value for the
context
, so you don't need to pass anything in when calling the function. Now if you were to pass in something, it would have to be a value not a unit type. But, for this challenge, it is expecting nothing passed in forcontext
. It should just bepx-to-rem(60px);
- You have a space between the function name and the opening parenthesis at the function call, and the challenge doesn't like that.
So, just two quick fixes and you're good to go. :)
Keep coding!
Grace Ji
5,402 PointsI finally got unstuck thanks to your second tip. Thank you!!