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) Basic Layout Styling the "Wildlife" div with Background Properties

chen wang
chen wang
4,271 Points
Posted by chen wang
chen wang
4,271 Points

Oops! It looks like Task 1 is no longer passing. What is that mean? Thank you.

Oops! It looks like Task 1 is no longer passing.

What is that mean? Thank you.

style.css 
/* Complete the challenge by writing CSS below */
.wildlife{
  background: url('img/bear.jpg') no-repeat center cover;
}
index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
        <div class="primary-content t-border">
            <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 class="wildlife">
        <h2>Check out all the Wildlife</h2>
        <p>
          As spawning season approaches, the fish acquire a humpback and protuberant jaw. After spawning, they die and their carcasses provide a feast for gatherings of <a href="#mink">mink</a>, <a href="#bears">bears</a>, and <a href="#eagles">bald eagles</a>.
        </p>
      </div><!-- End .wildlife -->
            <a class="callout" href="#wildlife">See the Wildlife</a>
        </div><!-- End .primary-content -->
  </body>
</html>
Unsubscribed User
Unsubscribed User
3,074 Points

I just attempted the code challenge. Try moving the background-size: cover; onto it's own line.

I guess when the code challenge was coded they were looking for a very specific answer.

chen wang
chen wang
4,271 Points
chen wang
chen wang
4,271 Points

Good job! Davinderpal Rehal Why don't you put your answer below?Then I can sign it as best answer.

2 Answers

Joachim Larsen
Joachim Larsen
12,140 Points
Joachim Larsen
Joachim Larsen
12,140 Points

In general, that error message mean that you first passed step 1, then made a mistake in a later step that causes the first step not to pass anymore. In my experience, it's most often caused by me making a simple syntax error like forgetting a bracket, semicolon or apostrophe. :-)

iuliana sagaidak
iuliana sagaidak
4,797 Points
iuliana sagaidak
iuliana sagaidak
4,797 Points

/* Complete the challenge by writing CSS below */ .wildlife { background: url('img/bear.jpg') no-repeat center / cover; }

/* you lost spase after wildlife_{ and you lost slash /. */