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

Jessica Pehrson
Jessica Pehrson
1,648 Points
Posted by Jessica Pehrson
Jessica Pehrson
1,648 Points

im stuck

idk how to do this part, i did the math it said it was 2 so shouldnt the line-height be 2%

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: 2%;
}

2 Answers

Paolo Villanueva
Paolo Villanueva
7,654 Points

You don't need a percent or any calculation for the line-height

/* Complete the challenge by writing CSS below */ .intro { font-size: 1.25em; line-height: 1.6; }

Kim Cowart
Kim Cowart
32,918 Points
Kim Cowart
Kim Cowart
32,918 Points

Hey Jessica,

You can use a percentage as a way to define the line-height if you like. If you use percentage, you would be multiplying the font size of the element by that percentage and typically, larger percentages are used such as 150% or 200% of the font size in pixels

Try this link for some more elaboration if you like. Hope it helps. https://css-tricks.com/almanac/properties/l/line-height/