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

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