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

Why does one of my list items have space in between 2 list items?

I applied this unto the CSS under media query

.main-nav li { margin-right: -4px; }

but for some reason, there is about 1px or 2px in between tea and coffee. I'd attach what it looks like I don't think there is an option to.

If you are using a workspace you can create a snapshot. It is the camera icon in the upper right corner. Clicking that will generate a link. Then the link can be shared here for others to access a copy of your workspace.

2 Answers

This may be what you are experiencing. See the answer here

This also occurred to me, just increase the margin-right value to -5px and the remaining whitespace was removed.