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

Lindsay Slazakowski
Lindsay Slazakowski
1,060 Points
Posted by Lindsay Slazakowski
Lindsay Slazakowski
1,060 Points

Stuck on Code Challenge! Specifically, "remove the margin".

My code starts:

Gallery {

margin: 0;
padding: 0;

}

It will not let me move on. Error says "It looks like at least one side has no margin. Be sure you set all sides to zero margin.

Help! What am I doing wrong? Is there no way to get "tips" in Workspaces?

Thanks!

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

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

img {
   max-width: 100%;
}

#Gallery {
  margin: 0;
  padding: 0;
  line-style-type: none;
}

2 Answers

Kelly von Borstel
Kelly von Borstel
28,880 Points
Kelly von Borstel
Kelly von Borstel
28,880 Points

Is it Gallery or gallery in the html? If gallery, then change G to lowercase in css and that might fix it. If that's not the problem, I'm not sure why it isn't working.

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Lindsay Slazakowski ,

Kelly von Borstel is correct here.

css in general is not case sensitive but class and id names in the html are case sensitive. The selectors you use in the css must match exactly.

You also have an error with your line-style-type property. It should be list-style-type

jennetted
jennetted
5,906 Points
jennetted
jennetted
5,906 Points

The issue is with the element ID you used: #Gallery should be #gallery. It needs to be in all lowercase to match the ID of the element being referenced in the HTMl document.