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 Build a Responsive Website Introduction to Responsive Web Design Converting Nested PX to EMs

Posted by Cyril HIJAR
Cyril HIJAR
3,298 Points

Code Challenge : Convert px in em

I don't understand where is my mistake.

The question challenge is : Now, using an H2 with a font size of 18px as your context, convert the size of the link inside the H2 from 14px to ems.

    <p><!DOCTYPE html>
<html>
<head>
  <style>
    body { font-size: 16px; }
    h1   { font-size: 24px; }
    h1 a { font-size: 0.75em; }
    h2   { font-size: 0.75em; }
    h2 a { font-size: 0.77em; }
    p    { font-size: 12px; }
    p a  { font-size: 10px; }
  </style>
</head>
<body>
  <h1><a href="#">Smells Like Bakin</a></h1>
  <h2><a href="#">Sizzling</a> in the Oven</h2>
  <p>Opposites really do attract, especially in
  <a href="#">our kitchen</a>! We combine unexpected
  flavors that melt together to create ironically
  delicious desserts.</p>
</body>
</html>
</p>
    ``` 
I also tried with 0.7777778em.

Could you gibe me the solution and explain to me my mistake please.

4 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Cyril, Your conversion is correct, but take a look at the top of your code to the left of DOCTYPE, and again at the end after html. You have p tags, this could be causing you challenge to fail.

Cyril HIJAR
Cyril HIJAR
3,298 Points
Cyril HIJAR
Cyril HIJAR
3,298 Points

Thanks Wayne !

Anika Jaffara
Anika Jaffara
20,364 Points
Anika Jaffara
Anika Jaffara
20,364 Points

Wow... any thoughts on what's up with mine?

<!DOCTYPE html> <html> <head> <style> body { font-size: 16px; } h1 { font-size: 24px; } h1 a { font-size: 0.75em; } h2 { font-size: 0.75em; } h2 a { font-size: 0.77em; } p { font-size: 12px; } p a { font-size: 10px; } </style> </head> <body> <h1><a href="#">Smells Like Bakin</a></h1> <h2><a href="#">Sizzling</a> in the Oven</h2> <p>Opposites really do attract, especially in <a href="#">our kitchen</a>! We combine unexpected flavors that melt together to create ironically delicious desserts.</p> </body> </html>

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Anika,

Could you make a new post with your question please as more people will see it and offer advice.
If you include your html and css too that would be great.

Here is a link to explain how to use Markdown to post your code How to post code

If you look at the bottom of the box when your typing a reply you will see Markdown Cheatsheet that will also explain how to post your code.

Hope this helps.