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 trialNumair Khan
3,210 PointsIt 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
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
7,630 PointsThe 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
5,923 Pointsthere 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
7,630 PointsIf 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.