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
Olaide Olaniran
Front End Web Development Techdegree Student 4,459 PointsFinally, create a new rule that removes the underline from all unvisited links on the page.
I include a: link { text-decoration: none; }
to solve this challenge but not passing me through.
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>
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.6em;
}
.intro span {
font-weight: bold;
font-style: italic;
}
a:link {
text-decoration: none;
}
4 Answers
Steven Parker
231,269 PointsThe very first task was "Give the paragraph element on line 14 the class intro.", but that doesn't appear to be done in the code shown above.
As the challenge says, "Important: In each task of this code challenge, the code you write should be added to the code from the previous task.". Removing any of the previous task code will cause the re-validations to fail.
Olaide Olaniran
Front End Web Development Techdegree Student 4,459 Points@steven Parker thanks for your response.
I previously included the <p class"intro"> in the html file and declared the .intro{} css class but for some reason not known, this didn't appear on the code attached to my comment. See below what I did previously :
<!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>
Steven Parker
231,269 PointsIf you restore the class to the paragraph, the code shown in the original question will pass the challenge.
Olaide Olaniran
Front End Web Development Techdegree Student 4,459 Points@Steven Parker I re-entered this challenge in a new window and it pass the challenge. Thanks.
Alexandra Cianciara
2,465 PointsI'm having a problem with this, it's not letting me pass on the last questions
/* Complete the challenge by writing CSS below */
.intro { font-size: 1.25em; line-height: 1.6; }
.intro span { font-weight: bold; font-style: italic; }
a: link { text-decoration: none; }
what am I doing wrong?
Thanks
Alexandra Cianciara
2,465 PointsOk, I had a space there, problem resolved.
Olaide Olaniran
Front End Web Development Techdegree Student 4,459 PointsOlaide Olaniran
Front End Web Development Techdegree Student 4,459 PointsThe error message displayed was "Oops! It looks like Task 1 is no longer passing"
Still unable to find solution to this. It is holding me back from progressing.
Please help!