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

Posted by Jessica Donley
Jessica Donley
3,967 Points

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
231,248 Points
Steven Parker
Steven Parker
231,248 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

Trent McDole
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Trent McDole
Front End Web Development Techdegree Graduate 20,877 Points
Trent McDole
.a{fill-rule:evenodd;}techdegree seal-36
Trent McDole
Front End Web Development Techdegree Graduate 20,877 Points

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.