CSS CSS Basics Understanding Values and Units Styling the Intro Paragraph

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

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,333 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

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!

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; }