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 Background Properties

Help needed with challenge

Hello!

I got stuck at this level. I am not able to add the background properly, can someone help me out? .box { background-image: url("img/mike.png") no-repeat; }

I appreciate your help. Thanks!

3 Answers

Hey ^^

I think there looking for:

.box{ 
background-color: #387ABC; 
background-image: url('img/mike.png'); 
background-repeat: no-repeat; 
}

For no-repeat, you won't be able to use it in Background-image, you'll have to use background-repeat.

if you want to use them together you'll just have to use background

.box{
background: url('img/mike.png') no-repeat #387ABC;
}

I got it to pass with the shorthand by adding the color and background image to the same rule like so

.box {
    background: #387ABC url("img/mike.png") no-repeat;
}

Thank you, I didn't realise that the no-repeat was in wrong place.

Mp ^^