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

Numair Khan
Numair Khan
3,210 Points
Posted by 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

Bassie Bangura
Bassie Bangura
7,630 Points
Bassie Bangura
Bassie Bangura
7,630 Points

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

Bassie Bangura
Bassie Bangura
7,630 Points

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.