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

Marc-Oliver Gern
Marc-Oliver Gern
8,747 Points

The site does not accept my code.

The page seems not to work – it does not accept the correct code.

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

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

#gallery li a p {
  color: bdc3c7;
}

3 Answers

Luciano Bruzzoni
Luciano Bruzzoni
15,518 Points

You forgot to use a pound sign when assigning your hex colors should be

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

good luck!

jason chan
jason chan
31,009 Points

‘Changa One’ no quotes

Luciano Bruzzoni
Luciano Bruzzoni
15,518 Points

changa one uses quotes. When a font name has a space you need to wrap them in quotes :)

Vittorio Somaschini
Vittorio Somaschini
33,371 Points

Hello Marc.

You are missing the "#" when setting the colors values. I think that is the problem.

Also, I do not understand the last selector "#gallery li a p". What are you trying to achieve with it?

Thanks

Vittorio