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 trialTeresa Mottola
542 PointsThe code referenced in the question does not appear in the css Challenge Task 2 of 4 Select the element with the ID g
Challenge Task 2 of 4
Select the element with the ID gallery. Then, remove the margin, padding, and bullet points.
The text referenced is not in this segment of the css.
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;
}
2 Answers
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 PointsHi Teresa,
Wasn't able to reproduce the error using the code you posted. I got the error message "It looks like at least one side has no margin. Be sure you set all sides to zero margin." instead.
The challenge is asking you to select the element with the id of gallery then remove the margin, padding and bullet points.
To select the element with the id of gallery you can do:
#gallery {
/* remove margin, padding and bullet points here */
}
Don't want to give you the answer but you will find the solution in the code from the previous video.
Hope this helps :)
Teresa Mottola
542 PointsThanks. Maybe I will be less confused tomorrow. I will try again.
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 PointsNo problem. It is confusing at first but stick with it and you'll get there eventually. Let me know if you are still having trouble :)
James Dawson
2,284 PointsJames Dawson
2,284 PointsI'm having the same problem. The challenge is to remove the margin, the padding and the bullet points. I can see from above comments that we agree on that.
I have typed in #gallery { margin: 0; (removes margin) padding: 0; (removes padding) list-style: none; (removes bullet points) }
This is exactly what was typed up in the video. I know I have to be doing something wrong here because there is only two comments about this. If there was a bug in the system this thread would be flooded with comments.
I have gone back over the video and looked at what was typed. Unless, I'm carelessly missing something obvious, what I've typed above is exactly what was in the video. I am completely stuck on what more to add or if there's anything I can delete.
Could you give me a hint other than what was up above?