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

Petar Brkovic
Petar Brkovic
8,651 Points
Posted by Petar Brkovic
Petar Brkovic
8,651 Points

Code not working

Can you tell me what's wrong?

style.css 
/* Complete the challenge by writing CSS below */
.main-header {
background-image: linear-gradient(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>
Andrew Jensen-Battaglia
Andrew Jensen-Battaglia
10,051 Points
Andrew Jensen-Battaglia
Andrew Jensen-Battaglia
10,051 Points

Can you be more specific? What are you seeing when you run the code?

Philip G
Philip G
14,600 Points

I don't see anything wrong in your code, it also diplays correct in my browser. Can you tell me more about the issue? http://jsfiddle.net/0xcLkrjm/

Petar Brkovic
Petar Brkovic
8,651 Points
Petar Brkovic
Petar Brkovic
8,651 Points

I figured it out, I've missed a space before "darkslateblue" and that's the reason it wasn't working!

1 Answer

Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Hi Petar Brkovic,

It looks like you're missing the ; after the gradient value.

Petar Brkovic
Petar Brkovic
8,651 Points
Petar Brkovic
Petar Brkovic
8,651 Points

Hey Guil Hernandez, I was actually missing space after comma and before "darkslateblue", thanks for the answer!

Guil Hernandez
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Petar Brkovic,

Ah, no space should be OK there. There was a minor bug in the code challenge that didn't accept the closed space. I just fixed it, though. :)