how do you make you list items in nav closer.

li { padding: 5px 10px; }

in your CSS code should be pretty close.

Good luck

Hard to know without seeing your code but I'm guessing from your question the <li>'s are displayed horizontally?

First thing to do is check the padding and margin of the relevant elements (probably <li>'s and <a>'s).

If that doesn't work you may be giving one of these elements a fixed width. A quick way to check that is change the text value (i.e. change About to A), if that doesn't change the spacing you're applying a fixed width where you shouldn't.

I have not seen the code but here is my best guess

Remove padding and margin

Make sure you you set the set the element display:inline-block.

In general I would look at the li in chrome developer tools.

Plus I add a border to see the spacing Between each element

Unfortunatelly, the links you've provided doesn't work for me, but you probably should look for something like padding for your <a> elements in your CSS code.