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 Gradients

Samandar Mirzayev
Samandar Mirzayev
11,834 Points
Posted by Samandar Mirzayev
Samandar Mirzayev
11,834 Points

.main-header{ background-image:linear-gradient(to bottom, steelblue, darkslateblue 90%); } pls guys i need some help

pls, guys, i need help I don't know where I did mistake whatever asked from the task I just did it but showing me wrong

style.css 
/* Complete the challenge by writing CSS below */
.main-header{
  background-image:linear-gradient(to bottom, steelblue, darkslateblue 90%);
}
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 -->
  </body>
</html>
Mark Bojesen
Mark Bojesen
12,873 Points
Mark Bojesen
Mark Bojesen
12,873 Points

Hi Samandar,

Can you please copy the error message you are getting? Also, what is the task you are trying to accomplish?

2 Answers

Craig Watson
Craig Watson
27,930 Points

Hi,

I think you may simply have misread the question...

You have it all down apart from direction.

.main-header {
  background-image: linear-gradient( to top, steelblue, darkslateblue 90% );
}

Hope this helps :)

Craig

Samandar Mirzayev
Samandar Mirzayev
11,834 Points
Samandar Mirzayev
Samandar Mirzayev
11,834 Points

thank you, bro, i really appreciated, I have misread. thanks for the help

Samandar Mirzayev
Samandar Mirzayev
11,834 Points
Samandar Mirzayev
Samandar Mirzayev
11,834 Points

error is looks like to three task. no longer passing

Samandar Mirzayev
Samandar Mirzayev
11,834 Points
Samandar Mirzayev
Samandar Mirzayev
11,834 Points

seems like I did same like from third task