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

Posted by John Johnson
John Johnson
11,790 Points

linear-gradient issue

In the video, Guil simply adds "linear-" onto the front of the gradient property to fix the issue. As far as I can tell I am doing the exact same thing, but I am still getting the invalid property value error.

My CSS reads: background: linear-gradient(90deg, #d4eece, #55b3d0, #1e7eb7), url(../images/header-bg.jpg) no repeat;

(this is copy/pasted from the debugger)

To me, it looks identical to Guil's CSS in the video. Can someone please point out the error?

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You have "no repeat" (with a space) instead of "no-repeat" (with a hyphen).

Also note that the image won't be seen with an opaque gradient on top of it.

John Johnson
John Johnson
11,790 Points

Thank you! I might not have ever noticed that. I think I retyped it while I was working on the debugging and lost the hyphen somewhere.