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 Shannon Malone
Shannon Malone
501 Points

I think there is a bug on question 4 of 4. No matter what it says it should be 15px for top. (I wrote that)

I wrote for question 4 of 4-

nav li { padding: 15px 10px 15px 10px; }

It said " it should be 15px for top." so I wrote-

nav li { padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px; }

it said "it should be 15px for top."

Please help.

css/main.css 
a {
  text-decoration: none;
}

nav ul {
  margin: 0 10px 0 10px; 
  padding: 0;
  text-decoration: none;
}

nav li {
  display: inline-block;
  font-weight: 800;
}

nav a {
  padding-top: 15px;
  padding-bottom; 15px;
  padding-right: 10px;
  padding-left: 10px;
}

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

3 Answers

Mark Ihrig
Mark Ihrig
19,966 Points
Mark Ihrig
Mark Ihrig
19,966 Points

Check your code at this spot:

padding-bottom; 15px;

It should be the following:

padding-bottom: 15px;

You used a semicolon instead of a colon after padding-bottom. Fix that one error and you will be able to complete the 4th Code Challenge!

Shannon Malone
Shannon Malone
501 Points

thank you! late night learning isn't always the best.

Unsubscribed User
Unsubscribed User
8,841 Points
Unsubscribed User
Unsubscribed User
8,841 Points

the question specifies to "Select the links" inside the nav element and set their font weight to 800. Then, set padding on the top and bottom to 15 pixels. Set the padding on the left and right to 10 pixels.

Try out the below one and it works.

nav ul li a {
  padding:15px 10px 15px 10px ;
}
Shannon Malone
Shannon Malone
501 Points
Shannon Malone
Shannon Malone
501 Points

Aishu thank you for your help! that worked!