Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Top margin 0 where I have to place this?

I added the margin left and right like requested, when I check I have the message to set the top margin 0, I tried to write this everywhere, but the answer is the same.

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

2 Answers

Hi Patrizia,

Can you try adding the following to the bottom of your CSS file please?

nav ul {margin: 0 10px;}

This will target all unordered lists inside a nav element, remove any top / bottom margin and give a left / right margin of 10px.

Hope that helps.

-Rich

Thank you Rich! It worked

No problem :)

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

First, when you include your code, you should include the part that you wrote so we can see what might be wrong. I'm not seeing that included above.

This code wants you to use the margin short hand, so this is the code that you should include:

nav ul {
  margin: 0 10px;
}

When using the margin shorthand when you only declare two values the first affects the top and bottom margins, and the second affects the right and left margins.