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

Posted by Arlene TIlly
Arlene TIlly
1,619 Points

next margin is not working for me.

I made it through the first one and now this one is bothering me.

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 ul {
  margin: 0 10px 0 10px;
  padding: 0;
}

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

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;
}
Chyno Deluxe
Chyno Deluxe
16,936 Points

I currently do not have access to the challenges, can you please post the question or post what the challenge is asking for?

1 Answer

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hi Arlene,

You did really well, but at the 4th task you added the styles to the nav li (the nav "List" items) instead of the "links." You also currently have the padding set to 15px on the top/bottom and 0 on the left/right when it needs to be 10px.

To fix, you just need to move some of the styling from the nav li to the nav a selector.

nav a {
  color: #fff;
  font-weight: 800;
  padding: 15px 10px;
  }

nav ul {
  margin: 0 10px 0 10px;
  padding: 0;
}

nav li { 
  display: inline-block;
}

nav a:hover {
  color: #32673f;
}

Hope that helps and Keep Coding! :)