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

CSS CSS Basics (2014) Enhancing the Design With CSS Text Shadows and Box Shadows

Sebastian Hirsch
Sebastian Hirsch
9,737 Points
Posted by Sebastian Hirsch
Sebastian Hirsch
9,737 Points

Can't finish Challenge Task 4 of 4

Hi!

My code contains what is required to solve the problem and the browser renders the inner shadow correctly.

Maybe there is a bug in the task?

Regards Sebastian

style.css 
/* 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 2px 15px #aaa,
              inset 0 0 60px 5px firebrick;
}
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 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 &raquo;</a>
        </footer>
  </body>
</html>

2 Answers

Calvin Nix
Calvin Nix
43,828 Points
Calvin Nix
Calvin Nix
43,828 Points

Hey Sebastian,

I just tested your CSS and I was able to get it to pass. Do you have the code split up on 2 lines or is that the way it was copied? When I put everything on 1 line it passed.

Take care, Calvin

Sebastian Hirsch
Sebastian Hirsch
9,737 Points
Sebastian Hirsch
Sebastian Hirsch
9,737 Points

Hi Calvin,

thanks for answering my question!

I had the code split up on 2 lines. When I changed that, it passed for me, too.

Thanks! :-)

Regards Sebastian