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

CSS How to Make a Website Styling Web Pages and Navigation Create a Horizontal List of Links

It appears my code is correct but not being accepted

nav li { display: inline-block; font-weight: 800; padding: 15px 10px 15px 10px;

You are using the padding property shorthand: When using padding:15px 10px;

it repeats the first two values so it'll render this way : padding: 15px 10px 15px 10px;

See if that solves the problem !

Also when you use padding: 5px; It'll render 5px on each side as css will repeat the value.

3 Answers

Kirill Lavrishev
Kirill Lavrishev
3,699 Points

change nav li to nav ul li a or nav li a or nav a :)

David Smith
David Smith
21,220 Points

Step three asks you to select the list items in the nav and change to inline-block

Then step four of the challenge asks you to select the links within the nav element and apply the font weight and the padding

Thank you...I occasionally confuse "List (li)" with "Links" which as you know is (a)...that cured it! Thanks again!