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 Ibrahim Rodrí­guez
Ibrahim Rodrí­guez
Courses Plus Student 2,495 Points

Help with Foundation

hey guys,

I need a hand with the following design I'm working on, I'm super stuck.

http://982px.com/cei3/

These are my questions/issues.

  1. How do I make the top gray bar expanded? I don't want that bar with a specific size, I want it to be as long as the screen is.

  2. Why the main navigation is not aligning to the right? http://cl.ly/image/0Y1b0M2w3o02 I'm getting a little space which I cannot control at all, the same for the left space in the logo.

If you see any other issue please feel free to let me know.

Thanks!

3 Answers

Elliott Frazier
PLUS
Elliott Frazier
Courses Plus Student 9,647 Points
Elliott Frazier
Elliott Frazier
Courses Plus Student 9,647 Points

to get your top grey bar the width of the screen you need to remove the class "row" from it, and add a height of 50px to the class "top-bart".

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

Add a negative margin to the nav, and for the top gray bar you have a max-width so it will get no wider than the width you set, what you need to do for that is give it a width of 100%.

Hope that helps.

Ibrahim Rodrí­guez
PLUS
Ibrahim Rodrí­guez
Courses Plus Student 2,495 Points
Ibrahim Rodrí­guez
Ibrahim Rodrí­guez
Courses Plus Student 2,495 Points

Thanks for your help guys!

Have a great weekend!