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!

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/

Mister Moody
Mister Moody
41,768 Points

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.

Mister Moody
Mister Moody
41,768 Points

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