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
Cecilia Zapata
1,509 PointsHow can i do it???
i have already try it many times but i dont know where is my mistake. Please help
<!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 »</a>
</footer>
</body>
</html>
/* Complete the challenge by writing CSS below */
.intro {
font-size: 1.25em;
line-height: 1.6;
}
10 Answers
Erin Gavin
3,341 PointsYou're not targeting the span inside the intro, you just need to target the span element in your stylesheet. Note the second line of code separating the intro from the intro span. The code below passed.
.intro { font-size:1.25em; line-height:1.6; }
.intro span { font-weight:bold; font-style:italic; }
Moises Cano
2,261 Points.intro span{ font-style: italic; font-weight: bold; }
the font-weight might not be what they're looking for
Erin Gavin
3,341 PointsYou're not targeting the span inside the intro, you're just targeting the span element. The code below passed.
.intro { f
Cecilia Zapata
1,509 Pointsi try it but still wrong. Look it:
Bummer! Make sure you're selecting the intro class, and setting an em font-size value equal to 20px.
.intro span{ font-size: 1.25em; line-height: 1.6; font-style: italic; font-weight: bold; }
Erin Gavin
3,341 PointsDid you add the font weight and style? I don't see it in your example.
Cecilia Zapata
1,509 Pointsyes i did it. you can see my comment above you
Cecilia Zapata
1,509 PointsFINALLY!!! Thank you so much :)
Erin Gavin
3,341 PointsYou're more than welcome Cecilia. It's great when chicks rock tech! Good luck with your continued success.
Bret Combest
1,039 Pointsi am stuck on this....
Challenge Task 4 of 5
Create a new rule that targets the span element inside .intro. Give the span element a bold font weight and an italic font style.
.intro { font-size: 1.25em; line-height: 1.6; }
.intro span { font-weight: bold; font-style: italic; }
none of this works, i have researched and everyone provides the same answer but it doesn't work for me.
Bret Combest
1,039 Points.intro { font-size: 1.25em; line-height:1.6; }
.intro span { font-weight:bold; font-style: italic; }
this worked for whatever reason, i just reset the quiz and came back to it and its all good now :)
Cecilia Zapata
1,509 PointsCecilia Zapata
1,509 PointsI´m stuck in the challenge task 4 of 5:
Create a new rule that targets the span element inside .intro. Give the span element a bold font weight and an italic font style.