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

Gabrielle kirk
Gabrielle kirk
1,057 Points
Posted by Gabrielle kirk
Gabrielle kirk
1,057 Points

Create a new rule that targets the span element inside .intro. Give the span element a bold font weight....

can someone please tell me what i am doing wrong?

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 span {
  font-size: 1.25em;
  line-height: 1.6;
  font-style: italic;
  font-weight: bold;
}

3 Answers

Gabrielle kirk
Gabrielle kirk
1,057 Points
Gabrielle kirk
Gabrielle kirk
1,057 Points

I am not sure what i am doing wrong. I have asked other coders who have also taken this course and they are just as confused as i am. It is asking me to make the font-style italic and the weight bold. for the span element inside of the .intro element. once i have done what is shown above, it is telling me to make sure that i am selecting the into class and making sure that the em font size value is equal to 20px. please someone, any suggestions?

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,972 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,972 Points

Tasks 2 and 3 should have one rule targeting class intro only. Then the rule for task 4 should be separate and targets the span inside .intro. So you'd have:

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

.intro span {
  font-style: italic;
  font-weight: bold; 
}
Gabrielle kirk
Gabrielle kirk
1,057 Points
Gabrielle kirk
Gabrielle kirk
1,057 Points

Thanks! that helped. I needed to add the font-size in the span element as well and thats where i was getting stuck. Thanks so much!

Robert Mukamba
Robert Mukamba
10,774 Points
Robert Mukamba
Robert Mukamba
10,774 Points

Here is the answer:

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

.intro span { font-style: italic; font-weight: bold; }.intro { font-size: 1.25em; line-height: 1.6; }

.intro span { font-style: italic; font-weight: bold; }.intro { font-size: 1.25em; line-height: 1.6; }

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