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

Armand Paquette
PLUS
Armand Paquette
Courses Plus Student 1,687 Points
Posted by Armand Paquette
Armand Paquette
Courses Plus Student 1,687 Points

Not understanding the question

Next, give intro a unitless line-height that's 1.6 times larger than the font-size value. The font-size is 1025em in this exercise. I have tried everything i can think of and re watched the video again. Still not getting what it is asking. I have tried multiplying the em with 1.6 did not work. Not sure what else it is looking for.

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: 1025em;
  line-height: 1.640em;
}
Antti Lylander
Antti Lylander
9,686 Points
Antti Lylander
Antti Lylander
9,686 Points

Where did you get that 1025em?

this is how it goes:

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

2 Answers

Armand Paquette
PLUS
Armand Paquette
Courses Plus Student 1,687 Points
Armand Paquette
Armand Paquette
Courses Plus Student 1,687 Points

Thanks. I figured it out after i asked the question. My font-size was showing 1025em instead of 1.25em then i just had to add the 1.6em to it. Then it worked.

Tim Renner
Tim Renner
11,163 Points
Tim Renner
Tim Renner
11,163 Points

Hi, The unitless sizes are just the number, no px after it.

Also, check your font-size value because 1025 is a huge multiplier. There's probably a missing decimal.