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

CSS

jerry bremser
jerry bremser
3,941 Points
Posted by jerry bremser
jerry bremser
3,941 Points

STUCK: Select element with i.d. and remove margin, padding, and bullet points

challenge 2 of 4: my error reads: "you set one side to zero margin. be sure to set ALL sides to zero margin.

img { max-width: 100%; }

gallery img {

margin: 0; max-height: 0; padding: 0; list-style: none; }

3 Answers

Ryan Field
PLUS
Ryan Field
Courses Plus Student 21,242 Points
Ryan Field
Ryan Field
Courses Plus Student 21,242 Points

If it's asking you to select and element using the ID selector, you haven't actually done that. You'll need to use the hash sign as the selector to do so.

I.e, if your html has this:

<div id="gallery">...

then you need to select it in your CSS like this:

#gallery {
  (your declarations)
}
jerry bremser
jerry bremser
3,941 Points
jerry bremser
jerry bremser
3,941 Points

it had a pound element selector. it just doesnt show here. instead they make it ALL CAPS lol

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi,

Its difficult to say without seeing or doing the challenge but maybe remove the "img" from the gallery as it seems your selecting the images with the gallery wrapper .... :S

I'm not 100% on this without doing the code challenge though :)

Good Luck Craig

Thomas Katalenas
Thomas Katalenas
11,033 Points
Thomas Katalenas
Thomas Katalenas
11,033 Points 
a {
  text-decoration: none;
}

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

#logo {
  text-align: center;
  margin: 0 auto;
}

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

img {
  max-width: 100%;
  ] /* error right here. */

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

it doesn't work for me though, maybe I have a bug /;)