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

Tim Spangler
Tim Spangler
4,827 Points
Posted by Tim Spangler
Tim Spangler
4,827 Points

on the code challenge line height Task 4 keeps saying to make sure the font-weight is correct and its correct.

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

what is incorrect with the above? that's what I enter and its not right.

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.
      >
      <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
}

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

3 Answers

Josh Mitchell
Josh Mitchell
1,223 Points
Josh Mitchell
Josh Mitchell
1,223 Points

You didnt put a ; after line-height: 1.6 in the previous section. This is probably causing parsing problems.

also in the html < p class="intro" needs a closing bracket

Fix both of those and i think it should work.

EDIT: now the paragraph part shows up. sorry, this is my first post and I haven't reviewed the markdown cheatsheet yet.

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer

Josh is right that you didn't put a semi-colon after the line height value of 1.6. your css should be: 

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

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

However, that alone isn't the problem. In the html, the opening p tag is missing the > and the closing p tag only has a >. So, if you fix that, you should be good. 

<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>
Tim Spangler
Tim Spangler
4,827 Points
Tim Spangler
Tim Spangler
4,827 Points

Thanks! Don't know how I missed that, but everything is working great now.