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

Norman Fernandez
Norman Fernandez
11,804 Points
Posted by Norman Fernandez
Norman Fernandez
11,804 Points

i cannot figure out how to solve this , i think that my answer it is good

someone can explain me please what is my mistake please

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

2 Answers

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Norman,

A few things to mention, check your spacing, no need to have a space then the comma, comma should be straight after.
You need a comma after to top also. You are missing the 90% at the end.

If you need more help just ask.

Hope this helps.

Norman Fernandez
Norman Fernandez
11,804 Points
Norman Fernandez
Norman Fernandez
11,804 Points

thanks i put it in that way

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

but the system still says me:

Make sure you're setting the first color stop value to 'steelblue'.

i put the commas just you said me but i do not work XD , i readed in developer-mozilla and i think that my answer it would be ok i do not what is my mistake, i really sorry for bother you, can you help me please

Norman Fernandez
Norman Fernandez
11,804 Points
Norman Fernandez
Norman Fernandez
11,804 Points

i was resolve it the problem was the spaces between the top and the color :-) but thanks for give me some light about this

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Sorry, i should have been more specific, i did mean no space the code and comma, but still keep the space after the comma.

glad you got it.