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

Scott Yardley
Scott Yardley
15,833 Points

I'm cannot understand the question.

In code challenge 1/2 in "Styling Web Pages and Navigation" the first challenge says

"Select the unordered list nested inside the nav element. Remove the margins on the top and bottom. Set the margins on the left and right to 10px."

but the code that treehouse gives me it shows doesn't show any "ul" in the nav element, in fact it doesn't show any "ul" anywere on page. What should I do?

1 Answer

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Scott,

Can you possibly post the html and the css that the challenge has given you so i can take a quick look please.

Thanks

Edit:

Hi Scott,

I've just taken a look at the question with the code.

Your right, there is no ul in the nav element in the code, you just have to add it yourself at the bottom of the css thats already there. The challenge just wants to see you add this and not modify a ul within a nav element that already exists.

hope this helps.

Scott Yardley
Scott Yardley
15,833 Points

Sure

  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;
}
Wayne Priestley
Wayne Priestley
19,579 Points

I updated my answer for you Scott :)

I also added the markdown to your posted code so it appears easier to read.

How to add markdown

Scott Yardley
Scott Yardley
15,833 Points

Thnks for the help i'll try that out. and just a little side note, do you know if treehouse plans on making more reward videos? I really enjoyed those.

Wayne Priestley
Wayne Priestley
19,579 Points

No problem, I'm not sure about the reward videos, I've not actually watched any of those i have yet, thanks for the reminder :)