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

jmorgan
jmorgan
2,855 Points
Posted by jmorgan
jmorgan
2,855 Points

How to pass code for Task 3 (may be a system bug?)

Hi,

I am on Task 4/4 of this code challenge. When I submit my code for Task 4, an error comes back to say the code for the previous task- Task 3 is no longer passing. Does anyone know if this would be a bug in my code and if so, please could someone point out what it is?

thanks!

style.css 
/* Complete the challenge by writing CSS below */
.main-header {
  background-image: linear-gradient(bottom to top, 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>

1 Answer

Chris Thomas
.a{fill-rule:evenodd;}techdegree seal-36
Chris Thomas
Front End Web Development Techdegree Graduate 34,909 Points

Slight error in your code. Remove bottom as part of the property, it's only 'to top':

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

Thanks Chris!