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
Markus Mönch
16,383 PointsHelp me please
I'm trying to make a dektop navigation so the logo in on the left, menu in the middle, and the login on the right.
It needs to be mobile first, look at mobile, and that's how it should look.
On dektop however, it works, apart that the login is out of the line.
And this is the site
How can I solve it so the end effect looks like on this site?
I need to duplicate that menu.
And what do you think about my HTML?
1 Answer
mathisvester
13,451 PointsHi Markus,
the login is not displayed correctly because your floats do not match your widths. LearnX sets a width of 33.3333333% to their nav-blocks...
You should take a look at the CSS Layout Techniques Course here on Treehouse to get a better understanding of layouting elements.
I need to duplicate that menu.
Perhaps you can give us a more deeper explanation.
And what do you think about my HTML?
First start on your own by validating your site.
Regards Mathis
Markus Mönch
16,383 PointsMarkus Mönch
16,383 PointsHI, thanks.
I know that they are using grid system. I decided that I'm not going to use it, and do it the way I just did, but I need help with it.
I know the CSS Layout Techniques Course, but that doesn't help me to solve this problem. I can layout every website, but this here is special for me.
What do you think about my HTML, is the structure good? Is the architecture good? What about BEM with SMACSS? This can be validated only by a human. I'm trying to do this for production, so I want it clean, and learn about it, validaiton won't give me this advice.