in the 4th part of "create a horizontal lists of links", it is padding:15px 10px;?

Question

in the 4th part of "create a horizontal lists of links", it is padding:15px 10px;? why it continually tells me the top padding should be 15px?

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;
}
nav ul{
margin: 0 10px;
  padding:0;
  list-style:none;
}
nav ul li{
display: inline-block;
  font-weight:800;

  padding:15px 10px 15px 10px;}

Answer 1 · 2015-06-04T16:40:05Z

June 4, 2015 4:40pm

Nan,

That task wants you to set the font-weight and padding properties on the links (i.e. the a tags) inside the nav element, not the list items (i.e. the li tags). You have:

/* you're setting the right properties, but on the wrong elements (this selects the list items, not the links) */
nav ul li{
display: inline-block;
  font-weight:800;

  padding:15px 10px 15px 10px;}

You need:

/* selector and style for the list items */
nav ul li {
    display: inline-block;
}

/* new selector and styles for the links */
nav ul li a {
    font-weight:800;
    padding:15px 10px 15px 10px;  
}

Erik

Welcome to the Treehouse Community

Looking to learn something new?

Nan Jiang

Nan Jiang

in the 4th part of "create a horizontal lists of links", it is padding:15px 10px;?

1 Answer

Erik McClintock

Erik McClintock