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

Posted by Atul R
Atul R
3,446 Points

Why is it showing "Bummer!Did you set the background-size to 20px?"

Where I went Wrong?

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

ul.contact-info{
  font-size:0.9em;
  margin:0;
  padding:0;
  list-style:none;
}

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

2 Answers

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Hi there! You are very close. The tasks asks you to "set the background size to 20 pixels square."

When you set only one value to background-size you are only setting the width, the height will be automatically set to auto. So, in order to control the height you need to add a second value.

For example:

background-size: 15px 50px;

The first value is the width and the second value is the height.

Hope that helps without completely giving away the answer! :)

Cindy Lea
PLUS
Cindy Lea
Courses Plus Student 6,497 Points
Cindy Lea
Cindy Lea
Courses Plus Student 6,497 Points

Your first .contact-info shouldnt have the ul in front. Should be .contact-info

The second .contact-info a should only have 1 statement. See code below:

.contact-info{ font-size:0.9em; margin:0; padding:0; list-style:none; } .contact-info a { display:block; }

When doing challenges do not add extra stuff, the checker is picky and may mark it wrong.