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

Posted by Lucas de Oliveira Neves
Lucas de Oliveira Neves
12,003 Points

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;
}
Tavonga Lewis
Tavonga Lewis
2,891 Points

does not work

David Danko
David Danko
1,415 Points

thanks bro :D

16 Answers

lei ting
lei ting
13,058 Points
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.

Dudley Edward
Dudley Edward
590 Points

Thanks... this worked for me

Ahmed Osman
Ahmed Osman
1,202 Points

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
Bogdan Alexandru Burcea
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; }

Chris Claypoole
PLUS
Chris Claypoole
Courses Plus Student 1,839 Points
Chris Claypoole
Chris Claypoole
Courses Plus Student 1,839 Points

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;}

victor ayala
PLUS
victor ayala
Courses Plus Student 1,207 Points
victor ayala
victor ayala
Courses Plus Student 1,207 Points

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

. Ali
. Ali
9,799 Points
. Ali
. Ali
9,799 Points 
  // you forgetting to select the li 
.contact-info li a {

}

hope that helps :)

Jonatan Jansson
Jonatan Jansson
5,373 Points
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.

Lucas de Oliveira Neves
Lucas de Oliveira Neves
12,003 Points
Lucas de Oliveira Neves
Lucas de Oliveira Neves
12,003 Points

Thanks Muhammad. But still doesn't work.

Aaron Stewart
Aaron Stewart
6,691 Points
Aaron Stewart
Aaron Stewart
6,691 Points

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

Isaiah Etuk
Isaiah Etuk
2,597 Points
Isaiah Etuk
Isaiah Etuk
2,597 Points

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

Isaiah Etuk
Isaiah Etuk
2,597 Points
Isaiah Etuk
Isaiah Etuk
2,597 Points

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

Jacob Lewis
Jacob Lewis
17,355 Points
Jacob Lewis
Jacob Lewis
17,355 Points

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

background-size:20px 20px;

osasuogbebor
osasuogbebor
1,451 Points
osasuogbebor
osasuogbebor
1,451 Points

This should work

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

sathish konda
sathish konda
606 Points
sathish konda
sathish konda
606 Points

.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

Valentin Rosu
Valentin Rosu
9,217 Points
Valentin Rosu
Valentin Rosu
9,217 Points

this should work

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

Anoop Munshi
Anoop Munshi
514 Points
Anoop Munshi
Anoop Munshi
514 Points

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

claudius mainja
claudius mainja
9,661 Points
claudius mainja
claudius mainja
9,661 Points

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