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 Foundations Backgrounds and Borders Advanced Backgrounds

Bryan Gumpic
Bryan Gumpic
4,302 Points

Stuck. Code appears to be right but won't pass.

.sketch { background: url('img/smiley.png') no-repeat right top, url('img/pencil.png') no-repeat left bottom, url('img/texture.jpg') #EED293; }

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Bryan,

If you could post the question so we can see what exactly its asking.

Bryan Gumpic
Bryan Gumpic
4,302 Points

Here is the question.

We have an image file, 'smiley.png', located in the 'img' folder. Add it as an image above the texture background. Set it so that it doesn't repeat, and position it in the top-right corner of the div. Then, add 'img/pencil.png' above the smiley image layer. Set it so that it doesn't repeat, and position it in the bottom-left corner.

1 Answer

Logan R
Logan R
22,989 Points

Your backgrounds are in the wrong order. The pencil needs to be on top of the smiley face. Fix that and the code will work :)

background: url('img/pencil.png') no-repeat left bottom,
  url('img/smiley.png') no-repeat right top, 
  url('img/texture.jpg') #EED293;
Bryan Gumpic
Bryan Gumpic
4,302 Points

Thanks!

I didn't notice that :)

Logan R
Logan R
22,989 Points

Yep, no problem.

If you have any more issues or problems, feel free to post them on the forums!