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 Kevin Faust
Kevin Faust
15,353 Points

list items not appearing?

im not sure why my unordered list items are not appearing

here is a screenshot: https://w.trhou.se/h5mmvyznj0

im trying to create a side menu bar but only my <h3> text is showing and nothing else.

1 Answer

Joshua Harman
Joshua Harman
8,821 Points

So I think your issue is in the 5th line of your main.css file. When the height is set to 100% the space between each list item is extremely large. Try going through with the chrome developer and you can see what size might work best. Does that help?

*{
 box-sizing:border-box;
  padding:0px;
  margin:0px;
  height:100% ----------------the problem is here?-------
  width:100%;
  overflow-y:hidden;
}

Sweet page by the way!!!

Justin Iezzi
Justin Iezzi
18,199 Points

Joshua is correct. You're setting everything on the page to height: 100% so the menu h3 is actually pushing the unordered list off the page.

Be very careful with the * selector, I recommend removing everything in it except for box-sizing, that's generally okay.

Kevin Faust
Kevin Faust
15,353 Points

Ahhh makes sense now. Thanks for the help!!!