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

how do i add a margin of 2.5% then set the text and background color to my choosing?

when i try i get a message sayin that the previous task is not valid

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

img { 
    max-width: 100%
}

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

#gallery li {
  float: left;
  width: 45%
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
  }

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

4 Answers

After looking everything over it appears that you just forgot to add a semicolon before you set the margin.

gallery li {

float: left; width: 45% <-------There margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }

That's why the code challenge was saying that the previous task is not valid, because the previous task asked you to set the width.

I hope that helps! Happy coding!

Hey, this code just passed the challenge. Have a look and see what you need to do

gallery {

margin: 0; padding: 0; list-style: none; }

gallery li {

float: left; width: 45%; margin: 2.5%; color: coral; background-color: firebrick; }

The gallery has a # before it though

Also your width 45% doesn't have a ; after it