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 MUZ140993 Angelinah Chiwonerwa
MUZ140993 Angelinah Chiwonerwa
5,907 Points

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;
}
Lukas Korol
Lukas Korol
2,649 Points

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

1 Answer

Fredrik August Madsen-Malmo
Fredrik August Madsen-Malmo
16,261 Points
Fredrik August Madsen-Malmo
Fredrik August Madsen-Malmo
16,261 Points

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.

Khalif Chestnut
Khalif Chestnut
13,845 Points

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.

Fredrik August Madsen-Malmo
Fredrik August Madsen-Malmo
16,261 Points

Didn't notice. Good catch