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

add a margin of 2,5% to the gallery list items .Then ,set the next color and background to color

what is the exact answer i have tried the previous answers given but its not working .OR is it something to do with my workspace

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

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  color: blue;
  background color: #ccc;
}


img {
  max-width: 100%;
}
#gallery li {
 margin: 2,5;
  color: blue;
  background color: #ccc;
}

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

Delete second selector #gallery li under img. It's a mirror.

1 Answer

First you are setting the margin to 2.5%, which is the correct answer. Then further down the file you are setting it to 2.5 which is not the same. You can actually remove the last #gallery li styling block since all of it overlaps.

Right, plus there's a comma where he'd set the margin value (2,5). Also, it's not good practice to have repeating styles in CSS.

Didn't notice. Good catch