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!

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 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,676 Points
Chris Shaw
Chris Shaw
26,676 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%;
}
 /* ] */