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 trialAdrian Rosario
Front End Web Development Techdegree Student 13,532 Pointsi dont understand what is wrong here? i have a font-size and a background-size in the css.
They wanted me to add a 20px background size to the anchor elements inside the contact-info list.
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2 {
color: #fff;
}
nav a {
color: #fff;
}
nav a:hover {
color: #32673f;
}
h1 {
font-family: ‘Changa One’, sans-serif;
font-size: 1.75em;
font-weight: normal;
}
img {
max-width: 100%;
}
#gallery {
margin: 0;
padding: 0;
list-style: none;
}
#gallery li {
float: left;
width: 45%;
margin: 2.5%;
background-color: #f5f5f5;
color: #bdc3c7;
}
nav ul {
list-style: none;
margin: 0 10px;
padding: 0;
}
nav li {
display: inline-block;
}
nav a {
font-weight: 800;
padding: 15px 10px;
}
.profile-photo {
display: block;
margin: 0 auto 30px;
max-width: 150px;
border-radius: 100%;
}
.contact-info {
font-size: 0.9em;
margin: 0;
padding: 0;
list-style: none;
background-size: 20px
}
.contact-info a {
display: block;
min-height: 20px;
background-repeat: no-repeat;
font-size: 20px;
padding-left: 30px;
background-size: 20px;
}
3 Answers
Steven Parker
231,198 PointsThe challenge says to "set the background size to 20 pixels square".
You must specify both dimensions to establish a square.
Also, you've set the left padding correctly, but it also says to set "all other padding at 0". This might be a good place to use the shorthand property to set the padding on all sides at once.
Donghyeok Yun
4,514 PointsI think you might of forgot to at li on your .contact-info a {}
Steven Parker
231,198 Points The challenge doesn't ask for the li
to be targeted.
Paul Allison
2,468 Pointsyou haven't put ; at the end
Steven Parker
231,198 PointsThe ; is optional on the last value of the block. However, it's good practice to use it anyway.
More importantly in this case, the .contact-info rule doesn't need a background-size
property at all.