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 Transparent Gradients and Multiple Backgrounds

dala lin
seal-mask
.a{fill-rule:evenodd;}techdegree
dala lin
Front End Web Development Techdegree Student 390 Points
Posted by dala lin
.a{fill-rule:evenodd;}techdegree
dala lin
Front End Web Development Techdegree Student 390 Points

Main-header background image not showing up, read all the past questions, but i wrote the exact same way as the video!

I follow closely to the instruction: but it is not working. The background is white!.

.main-header {

height: 850px; padding-top: 170px;
background: linear-gradiant(#ffa949, transparent 90%), #ffa949 url("../img/mountains.jpg") no-repeat center; background-size: cover;

}

1 Answer

Sam Natale
Sam Natale
1,526 Points
Sam Natale
Sam Natale
1,526 Points

It looks like you have made a small typo!

Change gradiant to gradient:

.main-header { background: linear-gradient(#ffa949, transparent 90%), #ffa949 url("../img/mountains.jpg") no-repeat center; background-size: cover; }

I hope this helps!