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

what problem in stage 7 last task. (create a web site) its my mistake or bug?

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

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

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

Are you trying to figure out the answer to a challenge? What's the specific question/what's not working?

Hey ! I think you forgot to set the margin bottom of an anchor element inside the .contact-info to 10px and the other margins to 0. That's what the last task is asking you to do.

1 Answer

Hi,

Can you try replacing:

  background-size:20px;
}

with:

  background-size: 20px 20px;

You mentioned you were on the last challenge but that looks to be task 4 of 5. The last challenge asks you to add a margin which you are missing.

Hope that helps

-Rich

THX a lot, that help. Sorry for bad explained question:) Its first one.

No problem! Glad you got it sorted :)

-Rich