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

Moises Miguel
Moises Miguel
5,028 Points
Posted by Moises Miguel
Moises Miguel
5,028 Points

End of video quiz

I seem to be doing everything it ask, but it stills hits me with an error.

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

3 Answers

Salman Akram
PLUS
Salman Akram
Courses Plus Student 40,065 Points
Salman Akram
Salman Akram
Courses Plus Student 40,065 Points

Hi Moises,

Good but just add height of 20px. First value of weight is 20px & second value of height is 20px

  background-size: 20px 20px;

Full Example below:

.contact-info a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 0 0 0 30px;
}
Nicholas Green
Nicholas Green
26,327 Points
Nicholas Green
Nicholas Green
26,327 Points

You need to square the background size. The answer should be background-size: 20px 20px;

Moises Miguel
Moises Miguel
5,028 Points
Moises Miguel
Moises Miguel
5,028 Points

Thanks guys, it worked I appreciate it.