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

Posted by mathisvaneetvelde
mathisvaneetvelde
9,366 Points

I can't disable margin

The console sais: Bummer: It looks like one side has no margin, now the other side!

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

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

#gallery img {
  max-width: 100%;
  float: auto;
  margin: 0 auto;
  padding: 0 auto;
  list-style: none;

}




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

1 Answer

Stephen Bone
Stephen Bone
12,359 Points
Stephen Bone
Stephen Bone
12,359 Points

Hi Wouter

I think your styles are correct (although I didn't bother using auto) you just haven't quite your selectors pointed to the right place.

I think what you should have is separate selectors as so:

img {
  max-width: 100%;
}

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

Hope it helps!

Stephen

mathisvaneetvelde
mathisvaneetvelde
9,366 Points

Hi Stephen It worked really wel So thank you very much !

Wouter

Stephen Bone
Stephen Bone
12,359 Points
Stephen Bone
Stephen Bone
12,359 Points

Great! Glad it helped.