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 Create a Horizontal List of Links

Padding help! Setting top/bottom to 15px, and left/right to 10 px.... margin: 15px 10px 15px 10px; correct order?

margin: Top Right Bottom Left;

I thought my order was correct to set margin but apparently its not. Which order should it be in?

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 0 10px;
  padding: 0;
  list-style: none;
}

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

}

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;
}
Niclas Valentiner
Niclas Valentiner
8,947 Points

It's the li elements in your nav you need to give 15px top/bottom and 10px left/right? A bit of information about what exactly it is you need as a result would be helpful.

1 Answer

I think you might have padding where you're supposed to have margin. Otherwise, yes your order is correct.

Niclas Valentiner
Niclas Valentiner
8,947 Points

Why did I not notice it said padding and not margin? Common mistakes!