Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Numair Khan
Numair Khan
3,210 Points

It is not accepting

This question is not excepting my work for some reason and keeps teeling me to go back to task 4 when ever I try to apply the bottom margin to 10px and ther others 0

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;
  list-style: none;
  margin: 0;
  padding: 0;
}

.contact-info li a {
  display: block;
  min-height: 20px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding-left: 10px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  margin: 0 10px;
}

2 Answers

The challenge requires you to set all margin to zero (0) for the contact-info class; and this done by: .contact-info { margin:0; }

Hope this helps. Thanks.

Fabio Picciau
Fabio Picciau
5,923 Points

there is another error, you said you should put 10px on the margin-bottom and the other 0 but you wrote:

     margin: 0 10px;

if you put only two values remember that the first one is for top and bottom margin, the second one is for left and right.

take a look here for more reference: https://www.w3schools.com/CSSref/pr_margin.asp

If you want the bottom margin to be 10px and all the other sides zero, you use: .contact-info { margin: 0 0 10px 0; }

Hope this answers your question.