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 trialAmanda Bater
7,686 PointsRemoving margins in the ID Gallery
On one of the CSS challenges in the build a website course, the task is to select the gallery, and remove margins, padding and bullet points. I thought I had it, but I keep getting a message saying at least one of my side has no margins, but I need to remove the margins on all sides...Here is my code below, I hope someone knows where I'm going wrong, this is really frustrating!
a { text-decoration: none; }
img { max-width:100%; }
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; }
gallery {
margin: 0, 0; padding: 0; list-style-type: none; }
a {
text-decoration: none;
}
img {
max-width:100%;
}
#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;
}
# gallery {
margin: 0, 0;
padding: 0;
list-style-type: none;
}
2 Answers
Callum King
Front End Web Development Techdegree Student 4,934 PointsTo remove all margins, you just need to put zero, and the hash symbol should be next to the gallery id, with no space.
#gallery {
margin: 0;
}
Amanda Bater
7,686 PointsThank you!!