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

Posted by Stephonn Bunton
Stephonn Bunton
2,212 Points

I've added the background size tag to the code and made it 20px but its not working.

All of my code has been inputted correctly up to this point.

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 {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.9em;
}

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

2 Answers

Ed Mendoza
Ed Mendoza
9,652 Points

What they mean when they say 20px squared is this:

.contact-info a {
    background-size: 20px 20px;
}

This sets both the width and the height to 20px so that it is 'squared'.

Jovanny Elias
Jovanny Elias
16,204 Points
Jovanny Elias
Jovanny Elias
16,204 Points

Hi Stephonn first off welcome to Treehouse. I see Ed already got back to you, but I always like to include a link to where you may get more information about your issue so that you can fully understand the concepts rather than just getting the answer. When I first started to learn it helped me out a lot when others shared links to other online resources aside from treehouse. I hope it helps you out.

You can play around with the background-size property and see how your changing it effects your image. Its easier to understand if you play around with it for a couple of minutes in order to fully understand.

Good luck. Hope it helps