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 Styling Web Pages and Navigation Make a CSS Image Gallery

Posted by Teresa Mottola
Teresa Mottola
542 Points

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

css/main.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
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points
James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points

Hi 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 :)

James Dawson
James Dawson
2,284 Points
James Dawson
James Dawson
2,284 Points

I'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?

Teresa Mottola
Teresa Mottola
542 Points
Teresa Mottola
Teresa Mottola
542 Points

Thanks. Maybe I will be less confused tomorrow. I will try again.

James Anwyl
.a{fill-rule:evenodd;}techdegree seal-36
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 Points

No 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 :)