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 jerome burel
jerome burel
602 Points

Having trouble with the first task of this quiz. Can someone please help?

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

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;
}
jerome burel
jerome burel
602 Points

this code seems to me to be very incomplete compared to the code I'm actually writing for the tutorial

6 Answers

Niyamat Almass
Niyamat Almass
8,176 Points
Niyamat Almass
Niyamat Almass
8,176 Points

Hi jerome burel,

To select the unordered list nested inside the nav element you have to declared

example.html 
nav ul {

}

And then to remove the margins on the top and bottom and set the margins on the left and right to 10px

example.html 
margin: 0 10px;

Finally the code look like this

challenge.html 
nav ul {
margin: 0 10px;
}
Beau Delfosse
Beau Delfosse
9,135 Points
Beau Delfosse
Beau Delfosse
9,135 Points

To select the unorderd list in the nav element you simply write as a selector: nav ul {} . Between those curly brases you can write your declaration that is: margin: 0 10px;

Tanya Luthera
Tanya Luthera
473 Points
Tanya Luthera
Tanya Luthera
473 Points

Hi jerome burel,

To select the unordered list nested inside the nav element you have to declared

example.html

nav ul {

}

And then to remove the margins on the top and bottom and set the margins on the left and right to 10px

example.html

margin: 0 10px;

Finally the code look like this

challenge.html

nav ul { margin: 0 10px; }

Tanya Luthera
Tanya Luthera
473 Points

YOU JUST COPIED AND PASTED!!!! HOW COULLLLDDDDD UUUUUUUUUUUUU??????????????????!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Tanya Luthera
Tanya Luthera
473 Points
Tanya Luthera
Tanya Luthera
473 Points

hope th!$ help$!!!!!!

Tanya Luthera
Tanya Luthera
473 Points
Tanya Luthera
Tanya Luthera
473 Points

hi

Tanya Luthera
Tanya Luthera
473 Points
Tanya Luthera
Tanya Luthera
473 Points

bye bye bye