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
jose macedo
6,041 Pointshow do I make my list items closer together in my media qeurie
how do I make my list items closer together in my navigation . under my media querie
https://w.trhou.se/8oyvkhdoyr https://w.trhou.se/8oyvkhdoyr https://w.trhou.se/8oyvkhdoyr
2 Answers
Nathan Hare
26,540 PointsTry giving your list items a negative margin left/right when the conditions of your media query are met. Whitespace impacts the spacing between list items, so you could have all list items on one line like this,
<ul><li>One</li><li>Two</li><li>Three</li></ul>
So this would remove excessive whitespace but has a negative impact on code readability.
Therefore negative margin spacing would probably be best solution. Guil Hernandez CSS videos discusses the impact of whitespace, yet I forget exactly what course this is mentioned in.
CSS Tricks on Whitespace
Your Workspaces screenshots would not load for me, so hopefully this helps. All the best
David Perkins
9,607 PointsAs Nathan Hare says, your workspaces aren't loading so unfortunately we can't see exactly what your issue is but if it's not the margin fix that was suggested, it could maybe be the line height set on your <li> elements?
If you could post a working link to your workspace, i'm sure we could help you out a bit better :)