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

Dhamon Hall
Dhamon Hall
1,045 Points
Posted by Dhamon Hall
Dhamon Hall
1,045 Points

How to set top and bottom margins to 0?

Hello. I have come across a challenge that is asking me to set the top and bottom margins to 0 in my nav element unordered list items, and the left and right margins to 10px. I have tried several times, thinking that I am successful however, the program isn't accepting my code. Please help.

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 li{
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 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;
}

1 Answer

Hurkan Dogan
Hurkan Dogan
8,099 Points
Hurkan Dogan
Hurkan Dogan
8,099 Points

Hallo Dhamon;

Your code is right but there is just one mistake. In navigation Unordered list items you must add, not list items.

And you don't have to write all of these codes. You can do it just simply in one line.

Hope that helps..

nav ul {
  margin: 0 10px;
}

First 0 for top and bottom margins and 10px for right and left margins.

Happy Coding..

Dhamon Hall
Dhamon Hall
1,045 Points
Dhamon Hall
Dhamon Hall
1,045 Points

Thank you so much! I was thinking too hard haha.