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

slava vissoki
PLUS
slava vissoki
Courses Plus Student 1,709 Points

help with quiz

hello, i am trying to multiply 1.6 X 1.2 and it said its wrong. need 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 {
  font-size: 1.25em;
  line-height: 2;
}

4 Answers

Robert Lyon
Robert Lyon
7,551 Points

It wants you to give the line height a value of 1.6em. e.g line-height: 1.6em; This makes it 1.6 times larger than its parent element

slava vissoki
PLUS
slava vissoki
Courses Plus Student 1,709 Points

hi robert, small misunderstanding, the font size is 1.25em or 20px. it telling me to do a unitless line height , what is it unitles? and why the answer is 1.6

Robert Lyon
Robert Lyon
7,551 Points

Yeah sorry for the confusion. a unitless value is a value without any unit on the end of it. e.g em, rem or px The answer is 1.6 because the line height is 1.6 times larger than the font size.

slava vissoki
slava vissoki
Courses Plus Student 1,709 Points

thank you for answer...so if i get it right , if i need to make the line-height 4 times larger, so the answer will be line-height: 4; ? and in this logic, when i mention something in the line-height value in other wards i am ordering in how much i want to multiply the font-size? and like that, make a space between the line?

Robert Lyon
Robert Lyon
7,551 Points

Yeah the line height takes the font size and multiplies it by the number given and sets the new number as the line height. The best way to see how it works is to experiment with different line height numbers and look at how the space between the elements changes.