CSS CSS Basics Understanding Values and Units Styling the Intro Paragraph

Gabrielle kirk
Gabrielle kirk
1,056 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,056 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
PRO
KRIS NIKOLAISEN
Pro Student 51,822 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,056 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,433 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; }