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.

CSS

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,241 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

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

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

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 /;)