Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML How to Make a Website Styling Web Pages and Navigation Make a CSS Image Gallery

amir laiji
amir laiji
1,774 Points

I'm having trouble removing my margin , just looking for some tips.

I selected #gallery li{ margin: 0; padding: 0; list-style: none; } what am I missing here?

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

#wrapper {
  max-width: 940px;
  margin: 0 auto;
}
img{
  max-width: 100%;
}

#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 li{
  margin-top: 0;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  padding: 0;
  list-style: none;

}

please paste you html code also

amir laiji
amir laiji
1,774 Points

I figured it out.. Thank you for replying.

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Actually, you aren't! You are so close on this one it's ridiculous! The instructions ask you to remove the padding and margins from the entirety of the gallery... not just the list items in the gallery. If i use this code for your gallery it passes.

#gallery {
  margin-top: 0;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
  padding: 0;
  list-style: none;
}

All I did was remove the "li". Hope this helps!