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 trialArlene TIlly
1,619 Pointsmargin in CSS
This is about 2nd or 3rd time I've been back to margins. It keeps give me an error that bottom margin should be zero.
a {
text-decoration: none;
}
#wrapper {
max-width: 940px;
margin: 0 auto;
}
#logo {
text-align: center;
margin: 0;
}
h1, h2 {
color: #fff;
}
nav a {
margin 0 10px;
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;
}
2 Answers
rydavim
18,814 PointsI don't see your code in your post. What you want to do is select the ul element that's inside the nav element. Then create a CSS rule that sets the top and bottom margins to 0 and the left and right margins to 10px.
nav ul { /* Select the appropriate element(s)... */
margin: 0 10px; /* Remember that the shorthand goes top/bottom first, followed by left/right. */
}
Mike Hickman
19,817 PointsHi Arlene,
I'm not sure which margin needs to be 0, but check your "nav a" section. I don't see a colon after the word margin.
Good luck! Mike