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
Raymond Medrano
7,690 PointsNo matter how I do this, I keep getting the error "looks like task 3 in no longer passing" even after re-doing 3
I've done multiple versions of this..
Comma separated, on its own line.. in line.. moved the word inset to the first and last positions and it still wont let me pass. anyone have a clue as to what i'm doing wrong here?
/* Complete the challenge by writing CSS below */
.main-heading {
text-shadow: 0 0 5px #be7b31;
}
.title {
text-shadow: 1px 3px 0 #e59740;
}
.main-header {
box-shadow: 0 0px 15px #aaa;
box-shadow: 0 0 60px 5px firebrick inset;
}
<!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 class="main-heading">Lake Tahoe, California</h1>
</header>
<div class="primary-content">
<p class="intro">
Lake Tahoe is one of the most breathtaking attractions 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 class="callout" href="#more">Find out more</a>
</div><!-- End .primary-content -->
<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>
4 Answers
james south
Front End Web Development Techdegree Graduate 33,271 Pointsyou have two rules for box shadow. the second overrules the first. if you need multiple shadows on the same element, you comma-separate the set of parameters for each shadow:
.class{
box-shadow: 1px 2px black,
2px 4px red,
5px 2px green
}
etc
Brice Roberts
22,415 PointsThe important part for your syntax is included in the first sentence.
Just like the text-shadow property the box-shadow can take multiple comma-seperated values to add additional >shadows to the same element.
You have the correct values inserted, you just are not putting it in the shorthand specified by the challenge.
Raymond Medrano
7,690 PointsI think something was wrong the first time i did it.. and after i corrected it, the thing just refused to see it as the right way. I did include them all on one line comma separated, and it was still giving me the error. After closing the browser, reloading the page and going through the exercises again this time it acknowledged they were correct.
Jake Meador
3,754 PointsI am having the exact same issue, for what it is worth.
This is what my code looks like:
.main-heading{ text-shadow: 0 0 5px #be7b31 } .title{ text-shadow: 1px 3px 0 #e59740 } .main-header { box-shadow: 0 0px 15px #aaa, 0 0 60px 5px firebrick inset; }
Jake Meador
3,754 PointsIt is still not working for me and it looks like I cannot continue in the course till I get the correct answer. Is that right?
Raymond Medrano
7,690 PointsRaymond Medrano
7,690 PointsI think the site was just hung up on a typo i had made originally and refused to go forward. I had typed the line originally as one line with comma separated values for each box shadow, but it refused to believe i had set the horizontal to anything but 0 ..even when it was. After closing out the browser and re-loading and redoing all the exercises it let me pass.