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

Matthew Zepeda
Matthew Zepeda
691 Points
Posted by Matthew Zepeda
Matthew Zepeda
691 Points

code challenge: I'm asked "select the element with the ID gallery. Then remove the margin, padding and bullet points. ?

here is the code I'm writing at it keeps saying BUMMER. i followed exactly as the video explains:

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

#gallery {
  padding: 0;
  margin: 0;
  list-style: none;
  }
Niclas Valentiner
Niclas Valentiner
8,947 Points
Niclas Valentiner
Niclas Valentiner
8,947 Points

There's no problem that I can see but in my experience the challenges sometimes show a mistake on an earlier part or just fail to connect/validate your code and automatically says you failed in that case.

Try going back to the beginning of the challenge and redo it all again.

I just tried it out with your code and it worked fine for me.

3 Answers

Chris Shaw
Chris Shaw
26,650 Points
Chris Shaw
Chris Shaw
26,650 Points

Hi Matthew,

It's hard to see but your closing bracket for the img selector is incorrect, instead of a curly brace you have a square bracket which is invalid, simply change that and the task will pass.

img {
  max-width: 100%;
}

Happy coding!

Damien Watson
Damien Watson
27,419 Points
Damien Watson
Damien Watson
27,419 Points

Hi Matthew,

Right up the top, you are closing the 'img' definition with ']' instead of '}'.

img {
  max-width: 100%;
}
 /* ] */