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

Posted by patrizia sowinski
patrizia sowinski
501 Points

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

Rich Bagley
Rich Bagley
25,869 Points

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

patrizia sowinski
patrizia sowinski
501 Points

Thank you Rich! It worked

Rich Bagley
Rich Bagley
25,869 Points

No problem :)

Emma Willmann
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Emma Willmann
Treehouse Project Reviewer
Emma Willmann
.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.