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 Marta Pinto
Marta Pinto
6,469 Points

Can't get past this task 4 of 5, can someone help me? Please.

The question is to creat a new rule for span, i've tried: .intro span { font-size: 1.25em; line-height: 1.6; font-weight: bold; font-style: italic; }

the bummer keeps telling me that i have to set the font size to equivalent 20px, wich is already 1.25 em. What am i doing wrong? Thank you.

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 {
  font-size: 1.25em;
  line-height: 1.6;
  }

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Well that part looks fine. It sounds like the error is a little misleading. But according to the top of your post you rewrote the font-size and the line-height in the new rule. This isn't necessary. The entirety of your style.css file should look like this (at least at the end of step 4):

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

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

Hope this helps! :smiley:

Marta Pinto
Marta Pinto
6,469 Points

Thank you! :)

Richard Nicholls
Richard Nicholls
1,301 Points
Richard Nicholls
Richard Nicholls
1,301 Points

Yes, as Jennifer has said this worked for me too.

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

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