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

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;
}

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

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

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;

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; }

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

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

hi

bye bye bye