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

HTML How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

where i am making mistake

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

nav ul { margin: 0 10px; padding: 15px, 10px; list-style: none; }

nav li { display: inline-block; padding: 15px, 10px; font-weight: 800; }

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

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

nav ul { 
  margin: 0 10px; 
  padding: 15px, 10px;
  list-style: none;
}

nav li { 
  display: inline-block;
  padding: 15px, 10px;
  font-weight: 800;
}

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

1 Answer

Jason Welsh
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jason Welsh
Treehouse Project Reviewer

Hi. It looks like in your nav li and nav ul you have a comma after the first padding value (15px for top and bottom). There needs to be no coma here.

So you have this:

nav li { 
    padding: 15px, 10px; /*There should be no comma after 15px*/
} 

and you need to change it to this:

nav ul {
padding: 15px 10px; /* no comma after first value */
} 

I hope this helps. If not, specify exactly what problem you are having and I will try to help you out.

EDIT: I should mention again that I only showed this for one rule targeting one element, but you have this in the rules for the nav ul and nav li so you will have to change the declaration for both.