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 How to Make a Website Adding Pages to a Website Add and Style Icons

With the anchor elements inside the contact-info list still selected, set the background size to 20 pixels square.

Why still not working?

.contact-info a {
  display: block;
  min-height: 20px;
  background-size: 20px;
  background: no-repeat;
  padding: 0 0 0 30px;
}

does not work

thanks bro :D

16 Answers

lei ting
lei ting
13,058 Points

.contact-info a { display: block; min-height: 20px; background: no-repeat; background-size: 20px 20px;
padding: 0 0 0 30px; }

this can works.try it again.

Thanks... this worked for me

Lei, why do we write 20px twice in background-size? I thought background-size: 20px; would suffice...

Bogdan Alexandru Burcea
PLUS
Bogdan Alexandru Burcea
Courses Plus Student 7,042 Points

You forgot about the second value for background-size: width | height

.contact-info a { display: block; min-height: 20px; background-size: 20px 20px; background-repeat: no-repeat; padding: 0 0 0 30px; }

you can only put 20px 20px example:

.contact-info li a{ display:block; min-height:20px; background-size:20px 20px; background:no-repeat; padding:0px 0px 0px 30px;}

.contact-info a{ display:block; min-height:20px; background-repeat:no-repeat; background-size:20px 20px; padding:0 0 0 30px; }

  // you forgetting to select the li 
.contact-info li a {

}

hope that helps :)

Jonatan Jansson
Jonatan Jansson
5,373 Points
.contact-info a {
  display: block; 
  min-height: 20px; 
  background-repeat: no-repeat;
  background-size: 20px 20px; 
  padding: 0 0 0 30px; 
}

This is the correct answer, properly formatted.

Thanks Muhammad. But still doesn't work.

Aaron Stewart
Aaron Stewart
6,691 Points

...set the background size to 20 pixels square.

Having this same issue and i have tried all these options. No seem to work.

WOW!!! yipee!!! works now. Thanks

Bogdan and Chris' answer works for me. Set it to:

background-size:20px 20px;

This should work

.contact-info a{ background-size: 20px 20px; padding: 0 0 0 30px; }

.contact-info a{ display:block; min-height:20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; }

this code not working . please help on this

this should work

.contact-info a { display: block; min-height: 20px; background-repeat: no-repeat; background-size: 20px 20px; padding: 0 0 0 30px; }

Guys honestly, I observed mostly it is syntax issues. what we generally do it insert a ","

example: Please look-out for "comma" 20px, 20px; (incorrect syntax)

It should be 20px 20px

value value not value, value

still its not working for me it keeps on telling me to put the contact info of the min-height to 20px while i did that already can someone tell me where my errror is coming from