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

CSS

Posted by sam yu
.a{fill-rule:evenodd;}techdegree
sam yu
Front End Web Development Techdegree Student 3,177 Points

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
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

sam yu
seal-mask
.a{fill-rule:evenodd;}techdegree
sam yu
Front End Web Development Techdegree Student 3,177 Points
sam yu
.a{fill-rule:evenodd;}techdegree
sam yu
Front End Web Development Techdegree Student 3,177 Points

https://codepen.io/whti3kdo/pen/zyJwoo

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
Mister Moody
Mister Moody
41,768 Points

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