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 trialLucas de Oliveira Neves
12,003 PointsWith 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;
}
David Danko
1,415 Pointsthanks bro :D
16 Answers
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
590 PointsThanks... this worked for me
Ahmed Osman
1,202 PointsLei, why do we write 20px twice in background-size? I thought background-size: 20px; would suffice...
Bogdan Alexandru Burcea
Courses Plus Student 7,042 PointsYou 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
Courses Plus Student 1,839 Pointsyou 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
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
9,799 Points // you forgetting to select the li
.contact-info li a {
}
hope that helps :)
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
12,003 PointsThanks Muhammad. But still doesn't work.
Aaron Stewart
6,691 Points...set the background size to 20 pixels square.
Isaiah Etuk
2,597 PointsHaving this same issue and i have tried all these options. No seem to work.
Isaiah Etuk
2,597 PointsWOW!!! yipee!!! works now. Thanks
Jacob Lewis
17,355 PointsBogdan and Chris' answer works for me. Set it to:
background-size:20px 20px;
osasuogbebor
1,451 PointsThis should work
.contact-info a{ background-size: 20px 20px; padding: 0 0 0 30px; }
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
9,217 Pointsthis 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
514 PointsGuys 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
9,661 Pointsstill 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
Tavonga Lewis
2,891 PointsTavonga Lewis
2,891 Pointsdoes not work