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 Jasmine Hollis
Jasmine Hollis
1,788 Points

Message Stating: Bummer! Make sure you're selecting the `intro` class, and setting an em font-size value equal to 20px.

16px is the default. I simply divided 20px/16px = 1.25em, but it's not working. I'm assuming something else is wrong with this code. Please Help : )

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">
        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 */
.intro span {
  font-size: 1.25em;
  line-height: 1.6;
  font-weight: bold;
  font-style: italic;
}

1 Answer

Rick Rana
Rick Rana
10,285 Points
Rick Rana
Rick Rana
10,285 Points

Hey Jasmine,

The challenge asks you to initially target the 'intro' class. It then asks you to target the <span> element in your 'intro' class, which should be treated as a new selector, for the font weight and font style of that <span> element.

.intro {
  font-size: 1.25em;
  line-height: 1.6;
}

.intro span {
  font-weight: bold;
  font-style: italic;
}

I hope this clears it up. Cheers!

Michael Stewart
Michael Stewart
7,155 Points

Rick--- I don't know what I'm doing wrong here.... I've copied and pasted everything as you have it above. still "bummer".