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 Kathleen Walker
Kathleen Walker
539 Points

how do i Select the element with the ID gallery. Then, remove the margin, padding, and bullet points.

how do i Select the element with the ID gallery. Then, remove the margin, padding, and bullet points.

css/main.css 
a {
  text-decoration: none;

}
img {max-width: 100%;


  }
}
#wrapper {
  max-width: 940px;
  margin: 0;
    padding: 0;
}

#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;
}

3 Answers

Alexandra Barnett
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Alexandra Barnett
Front End Web Development Techdegree Graduate 46,473 Points
Alexandra Barnett
.a{fill-rule:evenodd;}techdegree seal-36
Alexandra Barnett
Front End Web Development Techdegree Graduate 46,473 Points

Hi Kathleen! To select an ID, you use the hash symbol #, then the name gallery like below (to remove margin and padding, just set to zero and bullets are removed by using the list-style property):

#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}

Hope that helps! Let me know if you have any questions! :)

Teri Eisert
Teri Eisert
749 Points

Alexandria, that is what I am entering and it keeps saying " it looks like at lest one side has no margin. Be sure you set all sides to zero margin. '''html

gallery {

margin: 0; padding: 0; list-style: none; } '''

( also I can not figure out how to post a comment here in code . One problem at a time )

Kathleen Walker
Kathleen Walker
539 Points
Kathleen Walker
Kathleen Walker
539 Points

Thanks so much Alexandra!

Alexandra Barnett
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Alexandra Barnett
Front End Web Development Techdegree Graduate 46,473 Points
Alexandra Barnett
.a{fill-rule:evenodd;}techdegree seal-36
Alexandra Barnett
Front End Web Development Techdegree Graduate 46,473 Points

Hi Teri Eisert, To post a comment in code you can use the markdown cheatsheet (you will find a link at the bottom of the page) - that will give you all the different things you can do. I can't obviously see your code properly but, did you use a # before your gallery declaration?