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


How do I align the top bar left and right list?

I've been making google homepage clone, but the top left and right navigation list is not aligned for some reason. But the footer is perfectly aligned.

What did I do wrong that caused this issue? I suspect due to the image and the button on the top right. But not sure how to fix the problem.

Please advice.

Workspace: http://port-80-oi6htan0vt.treehouse-app.com/

Preview: http://port-80-oi6htan0vt.treehouse-app.com/

If you visit this Treehouse How-to-Guide, it will teach you how to illustrate your code here in the community as we are not allowed to view the workspaces of other members.

2 Answers


Here's the code, since logo is not available, but you can still see the alignment issue on the page.

I recommend redrawing your layout to include GRID! It will resolve your alignment issues~