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

HTML How to Make a Website Adding Pages to a Website Add and Style Icons

Adrian Rosario
seal-mask
.a{fill-rule:evenodd;}techdegree
Adrian Rosario
Front End Web Development Techdegree Student 13,532 Points

i 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.

css/main.css
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
Steven Parker
231,198 Points

The challenge says to "set the background size to 20 pixels square".

:point_right: 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
Donghyeok Yun
4,514 Points

I think you might of forgot to at li on your .contact-info a {}

Steven Parker
Steven Parker
231,198 Points

:x: The challenge doesn't ask for the li to be targeted.

Paul Allison
Paul Allison
2,468 Points

you haven't put ; at the end

Steven Parker
Steven Parker
231,198 Points

The ; 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.