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 Basics (2014) Understanding Values and Units Styling the Intro Paragraph

Posted by Aarica Hammond
Aarica Hammond
5,115 Points

I'm stuck

Where does 20px and 16px go?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <div class="primary-content t-border">
      <p class= intro>
        /* Class */
        <style>
       .intro {
      font-size: 20em;
   }
</style>
        Lake Tahoe is one of the most <span>breathtaking attractions</span> located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
      </p>
      <a href="#more">Find out more</a>
    </div>
    <footer class="main-footer">
      <p>All rights reserved to the state of <a href="#">California</a>.</p>
      <a href="#top">Back to top &raquo;</a>
    </footer>
  </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
<p class="intro" style="font-size:1.25em;"></p>
.intro {
   font-size: 16em;
}

1 Answer

Alexander Bourlotos
Alexander Bourlotos
4,009 Points
Alexander Bourlotos
Alexander Bourlotos
4,009 Points

in HTML, you don't want to add the styles, just the class. I've noticed the system checker on this site will let some issues pass as long as the one thing it wants is done. That's why you got this far and got stuck. I would submit some treehouse feedback on the course/challenge and ask them to remedy this.

So, with that, try this out:

in HTML file:

only add the class line to line 14: instead of just seeing: <p> you should change it to: <p class="intro">

NOTE: that's all you have to do to the HTML file. All you're doing is adding the class name to the paragraph.

in CSS file:

I redid the challenge and this showed up blank. put the following in CSS file:

.intro { font-size: 1.25em }

And that's it! A web browser has a default font-size of 16px. That means your default measurement for 1em is 16px. so how many "em" measurements would make 20px? You need 4 more px, which is a quarter of 16px, or (0.25). Therefore you need 1.25em to be the font-size of your .intro class in CSS.

I hope this helps!