Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

Weird glitch, doesn't completely fill gaps between li?

I followed Guils code correctly. Upon saving and refreshing, it merges the li and remains without gaps, however one little gap in the very middle (between the tea and coffee buttons) When resizing the browser viewport, the gap jumps from different locations between the li/ buttons.

Steven Parker
Steven Parker
220,937 Points

If you make a snapshot of your workspace and post the link to it here, we could get a look at what's happening and perhaps give you a specific answer.

1 Answer

try coding your <li> elements like this: <li>item1</li><li>item2</li>

vs.

<li>item1</li>

<li>item2</li>

its annoying but for some reason certain browsers will create space automatically and this tends to fix that.