CSS CSS Basics Understanding Values and Units Styling the Intro Paragraph

Godwin luke
Godwin luke
931 Points

In the style sheet, select the intro class and add a font-size property.

SEC PART "Using 16px as the parent font-size context, give intro an em font-size value equivalent to 20px"IT NOT WORKING

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 */

body {
  font-size: 16px;
}


.intro {
line-hight: 14; 
  font-size: 1.25em ;

}

1 Answer

Zac Anderson
Zac Anderson
4,566 Points

Assuming you're on the second part out of the five. Treehouse quizzes are pretty specific on how you enter your code. The problem right now is that your line-height line is in there and the question didn't ask you to do anything with that (Yet). Also, your code should be properly indented.

/* Complete the challenge by writing CSS below */

body {
  font-size: 16px;
}


.intro {
  /* line-hight: 14;  This shouldnt be here, also there isnt unit attached to 14 so thats another reason it had an error*/
  font-size: 1.25em ;

}